@import url('https://fonts.cdnfonts.com/css/venus-rising');

:root {
  --km-sidebar-expanded: 22.5rem;
  --km-sidebar-collapsed: 7.125rem;
  --km-sidebar-padding-x: 1.125rem;
  --km-sidebar-bg: #07101c;
  --km-sidebar-bg-2: #090f1b;
  --km-sidebar-card: rgba(255, 255, 255, 0.028);
  --km-sidebar-card-hover: rgba(255, 255, 255, 0.055);
  --km-sidebar-border: rgba(255, 255, 255, 0.075);
  --km-sidebar-border-strong: rgba(255, 106, 26, 0.55);
  --km-sidebar-orange: #ff6a1a;
  --km-sidebar-orange-soft: #ff7b2c;
  --km-sidebar-text: #edf2ff;
  --km-sidebar-text-secondary: #a5afc4;
  --km-sidebar-text-muted: #7c879e;
  --km-sidebar-z: 1000;
  --km-sidebar-toggle-z: 1010;
  --km-sidebar-row-icon: 3.25rem;
  --km-sidebar-row-action: 1rem;
  --km-sidebar-row-gap: 0.8125rem;
  --km-sidebar-row-pad-x: 1.85rem;
  --kamerama-sidebar-width: var(--km-sidebar-expanded);
  --kamerama-sidebar-collapsed-width: var(--km-sidebar-collapsed);
  --kamerama-bg: #050711;
  --kamerama-bg-soft: #090d18;
  --kamerama-bg-card: #0c111f;
  --kamerama-bg-chip: #111827;
  --kamerama-border: #182033;
  --kamerama-text: #eef3ff;
  --kamerama-text-soft: #c8cfdd;
  --kamerama-text-muted: #818999;
  --kamerama-accent: #e55a18;
  --kamerama-accent-strong: #ff6a1a;
  --kamerama-sidebar-bg: #03050d;
  --kamerama-sidebar-bg-soft: #070b15;
  --kamerama-sidebar-border: var(--kamerama-border);
  --kamerama-sidebar-text: var(--kamerama-text-soft);
  --kamerama-sidebar-muted: var(--kamerama-text-muted);
  --kamerama-sidebar-active: #9a3f16;
  --kamerama-sidebar-active-text: #ffffff;
  --kamerama-white: #ffffff;
  --kamerama-accent-dark: #c2410c;
  --kamerama-accent-deep: #71320f;
  --kamerama-header-bg: rgba(5, 7, 17, 0.96);
  --kamerama-header-bg-solid: rgba(5, 7, 17, 0.98);
  --kamerama-search-bg: #0a0f1d;
  --kamerama-duration-bg: rgba(3, 5, 13, 0.86);
  --kamerama-overlay-soft: rgba(255, 255, 255, 0.07);
  --kamerama-overlay-border: rgba(255, 255, 255, 0.08);
  --kamerama-focus-border: rgba(229, 90, 24, 0.65);
  --kamerama-focus-ring: rgba(229, 90, 24, 0.14);
  --kamerama-card-hover-border: rgba(255, 106, 26, 0.48);
  --kamerama-radius-sm: 8px;
  --kamerama-radius-md: 10px;
  --kamerama-radius-lg: 14px;
  --kamerama-radius-pill: 999px;
  --kamerama-font-sans: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  --kamerama-search-width: clamp(32rem, 46vw, 48rem);
  --kamerama-hero-banner: none;
  --kamerama-header-height: clamp(3.625rem, 4.5vw, 4.375rem);
  --kamerama-content-top-gap: 0;
  --kamerama-hero-height: clamp(22rem, 38vw, 35rem);
  --kamerama-hero-pad: clamp(0.75rem, 1.4vw, 1.25rem);
  --kamerama-presentation-width: 100%;
  --kamerama-logo-width: clamp(10.75rem, 10vw, 16.25rem);
  --kamerama-mobile-logo-width: clamp(9rem, 42vw, 10.75rem);
  --kamerama-footer-gap: clamp(0.5rem, 1vw, 0.875rem);
  --kamerama-footer-padding: clamp(1rem, 1.7vw, 1.5rem);
  --kamerama-card-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.18);
  --kamerama-card-shadow-hover: 0 1.125rem 2.125rem rgba(0, 0, 0, 0.34);
}

nav.navbar-findcond.header-layout .live-button,
nav.navbar-findcond.header-layout .ares-button,
nav.navbar-findcond.header-layout li.live-button,
nav.navbar-findcond.header-layout li.ares-button,
nav.navbar-findcond.header-layout li.profile-nav:not(.not-logged),
nav.navbar-findcond.header-layout a[href*="kairos.detrasdeloaparente.com"],
nav.navbar-findcond.header-layout a[href*="live.superocho.org"],
nav.navbar-findcond.header-layout a[href*="ares.superocho.org"],
nav.navbar-findcond.header-layout li:has(> .live-button),
nav.navbar-findcond.header-layout li:has(> .ares-button),
nav.navbar-findcond.header-layout li:has(> a[href*="kairos.detrasdeloaparente.com"]),
nav.navbar-findcond.header-layout li:has(> a[href*="live.superocho.org"]),
nav.navbar-findcond.header-layout li:has(> a[href*="ares.superocho.org"]) {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}


@media (min-width: 992px) {
  body {
    background: radial-gradient(circle at top right, rgba(17, 72, 145, 0.16), transparent 32%), var(--kamerama-bg) !important;
  }

  nav.navbar-findcond.header-layout {
    left: var(--kamerama-sidebar-width);
    width: calc(100% - var(--kamerama-sidebar-width));
    padding: 0 28px;
    background: var(--kamerama-header-bg) !important;
    border-bottom: 1px solid var(--kamerama-border) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(14px);
  }

  nav.navbar-findcond .pt_main_hdr {
    background: transparent !important;
  }

  nav.navbar-findcond .pt_opn_sid_menu,
  nav.navbar-findcond .logo-img {
    display: none;
  }

  nav.navbar-findcond .navbar-header {
    width: 100%;
  }

  nav.navbar-findcond .search-header {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  nav.navbar-findcond .search-header input {
    width: 360px !important;
    height: 42px;
    background: var(--kamerama-search-bg) !important;
    border: 1px solid var(--kamerama-border) !important;
    border-radius: var(--kamerama-radius-pill) !important;
    color: var(--kamerama-text-soft) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
  }

  nav.navbar-findcond .search-header input::placeholder {
    color: var(--kamerama-text-muted);
  }

  nav.navbar-findcond .navbar-right > li > a,
  nav.navbar-findcond .navbar-right > li > span,
  nav.navbar-findcond .navbar-right svg {
    color: var(--kamerama-text-soft) !important;
  }

  #main-container.main-content,
  footer.pt_footer {
    margin-left: var(--kamerama-sidebar-width);
    width: calc(100% - var(--kamerama-sidebar-width));
  }

  #main-container.main-content.container,
  #main-container.main-content.home-container {
    max-width: none;
  }

  .yp_side_drawer:not(.kamerama-sidebar) {
    top: 0;
    width: var(--kamerama-sidebar-width);
    padding: 18px 12px;
    background: linear-gradient(180deg, #060916 0%, var(--kamerama-sidebar-bg) 100%);
    border-right: 1px solid var(--kamerama-sidebar-border);
    box-shadow: 12px 0 34px rgba(0, 0, 0, 0.38);
    overflow-x: hidden;
    z-index: 1040;
  }

  .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    /* margin: 0 0 10px;
    padding: 4px 8px 14px; */
    border-bottom: 1px solid var(--kamerama-sidebar-border);
  }

  .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand img {
    display: block;
    max-width: 166px;
    max-height: 58px;
    object-fit: contain;
  }

  .yp_side_drawer:not(.kamerama-sidebar) .open_side_menu_head {
    display: none;
  }

  .yp_side_drawer:not(.kamerama-sidebar) ul.sections {
    padding: 8px 0 12px;
    border-bottom: 1px solid var(--kamerama-sidebar-border);
  }

  .yp_side_drawer:not(.kamerama-sidebar) ul.sections h3,
  .yp_side_drawer:not(.kamerama-sidebar) .title_sidebar_subscriotions {
    padding: 12px 10px 8px;
    color: var(--kamerama-sidebar-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  .yp_side_drawer:not(.kamerama-sidebar) ul.sections li a,
  body.side_open .yp_side_drawer:not(.kamerama-sidebar) ul.sections li a {
    height: 34px;
    margin: 3px 0;
    padding: 0 10px;
    justify-content: flex-start;
    gap: 11px;
    border-radius: 8px;
    color: var(--kamerama-sidebar-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
  }

  .yp_side_drawer:not(.kamerama-sidebar) ul.sections li a:hover,
  body.side_open .yp_side_drawer:not(.kamerama-sidebar) ul.sections li a:hover {
    color: var(--kamerama-white);
    background: var(--kamerama-overlay-soft) !important;
  }

  .yp_side_drawer:not(.kamerama-sidebar) ul.sections li.active a,
  body.side_open .yp_side_drawer:not(.kamerama-sidebar) li.active a {
    color: var(--kamerama-sidebar-active-text);
    background: linear-gradient(90deg, var(--kamerama-sidebar-active), var(--kamerama-accent-deep));
    box-shadow: inset 3px 0 0 var(--kamerama-accent-strong);
  }

  .yp_side_drawer:not(.kamerama-sidebar) ul.sections li a svg,
  body.side_open .yp_side_drawer:not(.kamerama-sidebar) ul.sections li a svg {
    width: 17px;
    min-width: 17px;
    height: 17px;
    margin: 0;
    color: currentColor;
  }

  .yp_side_drawer:not(.kamerama-sidebar) .subscribers_ img,
  body.side_open .yp_side_drawer:not(.kamerama-sidebar) .subscribers_ img {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid var(--kamerama-overlay-border);
  }
}

@media (max-width: 991px) {
  .yp_side_drawer:not(.kamerama-sidebar) {
    background: var(--kamerama-sidebar-bg-soft);
    border-right: 1px solid var(--kamerama-sidebar-border);
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 12px;
    border-bottom: 1px solid var(--kamerama-sidebar-border);
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand img {
    max-width: 150px;
    max-height: 48px;
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) {
    width: min(82vw, var(--kamerama-sidebar-width));
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) ul.sections li a {
    color: var(--kamerama-sidebar-text);
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) ul.sections li.active a {
    background: var(--kamerama-sidebar-active);
    color: var(--kamerama-sidebar-active-text);
  }

}

.km-sidebar-nav-icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  background: currentColor;
  opacity: 0.95;
  -webkit-mask: var(--km-sidebar-icon) center / contain no-repeat;
  mask: var(--km-sidebar-icon) center / contain no-repeat;
}

.km-sidebar-nav-icon--home { --km-sidebar-icon: url('../img/Kamerama/sidebar/home.svg'); }
.km-sidebar-nav-icon--books { --km-sidebar-icon: url('../img/Kamerama/sidebar/books.svg'); }
.km-sidebar-nav-icon--new { --km-sidebar-icon: url('../img/Kamerama/sidebar/new.svg'); }
.km-sidebar-nav-icon--trending { --km-sidebar-icon: url('../img/Kamerama/sidebar/trending.svg'); }
.km-sidebar-nav-icon--top { --km-sidebar-icon: url('../img/Kamerama/sidebar/top.svg'); }
.km-sidebar-nav-icon--movies { --km-sidebar-icon: url('../img/Kamerama/sidebar/movies.svg'); }
.km-sidebar-nav-icon--channels { --km-sidebar-icon: url('../img/Kamerama/sidebar/channels.svg'); }
.km-sidebar-nav-icon--shorts { --km-sidebar-icon: url('../img/Kamerama/sidebar/shorts.svg'); }
.km-sidebar-nav-icon--help { --km-sidebar-icon: url('../img/Kamerama/sidebar/help.svg'); }

.verified {
  color: #e51f24 !important;
}

.cc-color-override--1565766192 .cc-btn:hover,
.cc-color-override--1565766192 .cc-btn:focus {
  background-color: #860409 !important;
}

.cc-color-override--1565766192 .cc-btn {
  background-color: #e51f24 !important;
}


.navbar-header .sec_lay_hdr li a:hover {
  color: #e51f24;
}
nav.navbar-findcond ul.navbar-nav li.active a:not(.category) {
  color: #e51f24;
}

.video-latest-list .video-title h4:hover,
.home-page-categories .videos .video-list .video-list-title h4:hover {
  color: #e51f24 !important;
}

.btn-fab-floating {
  background-color: #e51f24;
}

.settings-header {
  background-color: #e51f24;
}

.home-page-categories .videos .video-list .video-list-by a:hover {
  color: #e51f24;
}
.btn-subscribe {
  background: #e51f24;
}
.video-published a {
  color: #e51f24 !important;
}

.pt_shorts_page_title .btn:hover {
color: white !important;
}
.hash {
  color: #e51f24 !important;
}
.videos-list .video-wrapper .video-title a:hover {
  color: #e51f24;
}
.article-wrapper .article-title h4 a:hover {
  color: #e51f24;
}
.wo_about_wrapper .hero-overlay {
  background-color: #e51f24;
}
.nav.navbar-nav.navbar-right .dropdown.profile-nav ul li a:hover,
.nav.navbar-nav.navbar-right .dropdown.profile-nav ul li label:hover {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-dark)) !important;
  color: var(--kamerama-white) !important;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
  color: #e51f24;
  /* background: transparent; */
  box-shadow: inset 0 -3px #e51f24;
}
.c,
.d {
  fill: #ca5b5f !important;
}
.e {
  fill:#00a6f9 !important;
}
/*
 <------------- 404 -------------->
 */

.page-margin .pt_404 {
  height: 1130px;
  width: 2549px;
  margin: 0;
  margin-top: -18px;
  margin-left: -709px;
  background: linear-gradient(
    90deg,
    rgba(47, 54, 64, 1) 23%,
    rgba(24, 27, 32, 1) 100%
  );
}

.moon {
  background: linear-gradient(
    90deg,
    rgba(208, 208, 208, 1) 48%,
    rgba(145, 145, 145, 1) 100%
  );
  position: absolute;
  top: -100px;
  left: -300px;
  width: 900px;
  height: 900px;
  content: "";
  border-radius: 100%;
  box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.5);
}

.moon__crater {
  position: absolute;
  content: "";
  border-radius: 100%;
  background: linear-gradient(
    90deg,
    rgba(122, 122, 122, 1) 38%,
    rgba(195, 195, 195, 1) 100%
  );
  opacity: 0.6;
}

.moon__crater1 {
  top: 250px;
  left: 500px;
  width: 60px;
  height: 180px;
}

.moon__crater2 {
  top: 650px;
  left: 340px;
  width: 40px;
  height: 80px;
  transform: rotate(55deg);
}

.moon__crater3 {
  top: -20px;
  left: 40px;
  width: 65px;
  height: 120px;
  transform: rotate(250deg);
}

.star {
  background: grey;
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  border-radius: 100%;
  transform: rotate(250deg);
  opacity: 0.4;
  animation-name: shimmer;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes shimmer {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

.star1 {
  top: 40%;
  left: 50%;
  animation-delay: 1s;
}

.star2 {
  top: 60%;
  left: 90%;
  animation-delay: 3s;
}

.star3 {
  top: 10%;
  left: 70%;
  animation-delay: 2s;
}

.star4 {
  top: 75%;
  left: 50%;
}

.star5 {
  top: 20%;
  left: 30%;
  animation-delay: 0.5s;
}
.star6 {
  top: 30%;
  left: 60%;
  animation-delay: 0.5s;
}
.star7 {
  top: 20%;
  left: 90%;
  animation-delay: 0.5s;
}
.star8 {
  top: 35%;
  left: 75%;
  animation-delay: 0.5s;
}
.star9 {
  top: 55%;
  left: 95%;
  animation-delay: 0.5s;
}
.star10 {
  top: 60%;
  left: 35%;
  animation-delay: 0.5s;
}

.error {
  position: absolute;
  left: 36px;
  top: 400px;
  transform: translateY(-60%);
  font-family: "Righteous", cursive;
  color: #303336;
}

.error__title {
  font-size: 16em;
  right: 5em;
}
.error__title_variant {
  font-size: 20em;
  color: white;
}
.error__subtitle {
  font-size: 3em;
}

.error__description {
  font-size: 2em;
  opacity: 0.8;
}

.error__button {
  min-width: 7em;
  margin-top: 3em;
  margin-right: 0.5em;
  padding: 0.5em 2em;
  outline: none;
  border: 2px solid #2f3640;
  background-color: transparent;
  border-radius: 8em;
  color: #576375;
  cursor: pointer;
  transition-duration: 0.2s;
  font-size: 1.1em;
  font-family: "Righteous", cursive;
}

.error__button:hover {
  color: #21252c;
}

.error__button--active {
  background-color: #e51f24;
  border: 2px solid #e51f24;
  color: white;
}

.error__button--active:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
  color: white;
}

.astronaut {
  position: absolute;
  width: 14%; /*  185px; */
  height: 21%; /* 300px; */
  left: 70%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(20deg) scale(1.2);
}

.astronaut__head {
  background-color: white;
  position: absolute;
  top: 60px;
  left: 60px;
  width: 60px;
  height: 60px;
  content: "";
  border-radius: 2em;
}

.astronaut__head-visor-flare1 {
  background-color: #7f8fa6;
  position: absolute;
  top: 28px;
  left: 40px;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 2em;
  opacity: 0.5;
}

.astronaut__head-visor-flare2 {
  background-color: #718093;
  position: absolute;
  top: 40px;
  left: 38px;
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 2em;
  opacity: 0.3;
}

.astronaut__backpack {
  background-color: #bfbfbf;
  position: absolute;
  top: 90px;
  left: 47px;
  width: 86px;
  height: 90px;
  content: "";
  border-radius: 8px;
}

.astronaut__body {
  background-color: #e6e6e6;
  position: absolute;
  top: 115px;
  left: 55px;
  width: 70px;
  height: 80px;
  content: "";
  border-radius: 8px;
}

.astronaut__body__chest {
  background-color: #d9d9d9;
  position: absolute;
  top: 140px;
  left: 68px;
  width: 45px;
  height: 25px;
  content: "";
  border-radius: 6px;
}

.astronaut__arm-left1 {
  background-color: #e6e6e6;
  position: absolute;
  top: 127px;
  left: 9px;
  width: 65px;
  height: 20px;
  content: "";
  border-radius: 8px;
  transform: rotate(-30deg);
}

.astronaut__arm-left2 {
  background-color: #e6e6e6;
  position: absolute;
  top: 102px;
  left: 7px;
  width: 20px;
  height: 45px;
  content: "";
  border-radius: 8px;
  transform: rotate(-12deg);
  border-top-left-radius: 8em;
  border-top-right-radius: 8em;
}

.astronaut__arm-right1 {
  background-color: #e6e6e6;
  position: absolute;
  top: 113px;
  left: 100px;
  width: 65px;
  height: 20px;
  content: "";
  border-radius: 8px;
  transform: rotate(-10deg);
}

.astronaut__arm-right2 {
  background-color: #e6e6e6;
  position: absolute;
  top: 78px;
  left: 141px;
  width: 20px;
  height: 45px;
  content: "";
  border-radius: 8px;
  transform: rotate(-10deg);
  border-top-left-radius: 8em;
  border-top-right-radius: 8em;
}

.astronaut__arm-thumb-left {
  background-color: #e6e6e6;
  position: absolute;
  top: 110px;
  left: 21px;
  width: 10px;
  height: 6px;
  content: "";
  border-radius: 8em;
  transform: rotate(-35deg);
}

.astronaut__arm-thumb-right {
  background-color: #e6e6e6;
  position: absolute;
  top: 90px;
  left: 133px;
  width: 10px;
  height: 6px;
  content: "";
  border-radius: 8em;
  transform: rotate(20deg);
}

.astronaut__wrist-left {
  background-color: #e51f24;
  position: absolute;
  top: 122px;
  left: 6.5px;
  width: 21px;
  height: 4px;
  content: "";
  border-radius: 8em;
  transform: rotate(-15deg);
}

.astronaut__wrist-right {
  background-color: #e51f24;
  position: absolute;
  top: 98px;
  left: 141px;
  width: 21px;
  height: 4px;
  content: "";
  border-radius: 8em;
  transform: rotate(-10deg);
}

.astronaut__leg-left {
  background-color: #e6e6e6;
  position: absolute;
  top: 188px;
  left: 50px;
  width: 23px;
  height: 75px;
  content: "";
  transform: rotate(10deg);
}

.astronaut__leg-right {
  background-color: #e6e6e6;
  position: absolute;
  top: 188px;
  left: 108px;
  width: 23px;
  height: 75px;
  content: "";
  transform: rotate(-10deg);
}

.astronaut__foot-left {
  background-color: white;
  position: absolute;
  top: 240px;
  left: 43px;
  width: 28px;
  height: 20px;
  content: "";
  transform: rotate(10deg);
  border-radius: 3px;
  border-top-left-radius: 8em;
  border-top-right-radius: 8em;
  border-bottom: 4px solid #e51f24;
}

.astronaut__foot-right {
  background-color: white;
  position: absolute;
  top: 240px;
  left: 111px;
  width: 28px;
  height: 20px;
  content: "";
  transform: rotate(-10deg);
  border-radius: 3px;
  border-top-left-radius: 8em;
  border-top-right-radius: 8em;
  border-bottom: 4px solid #e51f24;
}

.pt_404 .btn {
  margin: 20px 0 0;
}
.pt_404 .btn:hover {
  color: #e51f24;
  border-color: #e51f24;
}
.footer-container {
  padding: 30px 0;
}
.tp_vid_fltr_tabs ul li.selected {
  background-color: #e51f24 !important;
}
.tp_vid_fltr_tabs ul {
  border: 1.5px solid #e51f24;
}


.btn_group_edit .btn_upload_video,
.btn_group_edit .btn_import_video,
.btn_group_edit .btn-info-box,
.btn_group_edit .btn-delete,
.btn_group_edit .btn-main-box
{
  color: #fff;
 font-size: 13px;
 text-transform: uppercase;
 transition: all 0.3s ease 0.1s;
}
.btn_group_edit svg{
  visibility: hidden;
}
.btn_group_edit .btn_upload_video {
  background-color: #5353e3 !important;
  padding: 8px 12px !important;
  font-weight: 500;
}
.btn_group_edit .btn_import_video {
  background-color: #db6c0b !important;
  padding: 8px 12px !important;
  font-weight: 500;
}
.btn_group_edit .btn-info-box{
  background-color: rgb(126, 26, 144) !important;
  padding: 8px 12px !important;
  font-weight: 500;
}

.btn_group_edit .btn-delete{
  background-color: rgb(161, 2, 2) !important;
}
.btn_group_edit .btn-main-box{
  background-color: rgb(53, 203, 20) !important;
}
.btn_group_edit .btn_upload_video:hover,
.btn_group_edit .btn_import_video:hover,
.btn_group_edit .btn-info-box:hover,
.btn_group_edit .btn-delete:hover,
.btn_group_edit .btn-main-box:hover
{
  transition-delay: 0s;
  box-shadow:rgb(0 0 0 / 30%) 0px 11px 9px -3px, rgb(0 0 0 / 42%) 0px 10px 6px -4px;
  transform: translateY(-7px);
  background-color: #1c1b1b !important;
}
.btn_group_edit:hover svg{
  visibility: visible;
}
.last-sett-btn {
  margin: 0;
  display: flex;
  justify-content: space-around;
}
.pt_forms .last-sett-btn {
  margin: 0;
  width: -webkit-fill-available;
  margin-top: 2vh;
}

/********************** LIVE *********************/

.watch_live {
  width: 100%;
  display: flex;
  height: 100%;
}

.live_Cointainer {
  width: 50%;
  height: 80%;
  background-color: cadetblue;
  margin-left: 15%;
}
.live_Chat {
  width: 30%;
  margin-left: 1%;
  display: flex;
  flex-direction: column;
}
.box_comments {
  width: 100%;
  height: 76%;
  background: white;
  border: solid 1px rgba(33, 33, 33, 0.862);
}
.box_Chat {
  height: 22%;
  padding: 2%;
  background: rgba(33, 33, 33, 0.862);
}

.video-live-con {
  background: #000;
  height: calc(80vh - 47px);
}
.container_Live {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 3% 0 0;
}
.box_avatar {
  width: 10%;
  margin-right: 5%;
}
.box_avatar img {
  width: 100%;
  border-radius: 50px;
}
.box_input_container_live {
  width: 80%;
}
.box_comments_config {
  width: 100%;
  height: 7%;
  background-color: rgba(33, 33, 33, 0.862);
  display: flex;
}
.box_title_section_chat {
  width: 100%;
  height: 93%;
  position: relative;
}
.box_config_live {
  width: 13%;
}
.box_config_live svg {
  width: 70%;
  padding-top: 10%;
  padding-left: 10%;
  cursor: pointer;
}
.details_container {
  display: flex;
  justify-content: space-between;
  padding: 2%;
}
.charsleft {
  padding-left: 17%;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
#charsLeft_33305 {
  color: rgb(255, 255, 255) !important;
}

.iconos_live > button {
  background-color: rgba(33, 33, 33, 0.862) !important;
}
.box_title_name textarea {
  resize: none;
  padding: 3%;
}

.modal-config-live {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--black);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
}

.modal-config-live .modal-dialog {
  position: relative;
  max-width: 800px;
  max-height: 80vh;
  border-radius: 5px;
  background: var(--white);
  overflow: auto;
  cursor: default;
}
.configuration_live_information {
  display: flex;
  padding: 1.2%;
  margin-top: 1%;
  background-color: rgb(49, 49, 49);
}
.configuration_live_information input[type="text"] {
  outline: none;
  font: 15px/24px "Lato", Arial, sans-serif;
  color: rgb(237, 237, 237);
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
}
.col-3-live {
  float: left;
  width: 95%;
  margin: 3% 1% 0;
  position: relative;
}
.configuration_live_information input[type="submit"] {
  padding: 3%;
  margin: 4% 40% 0;
  border-radius: 6px;
  color: #000;
}
.box_input_image_live {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  margin-top: 1em;
}
#imagen_miniatura {
  display: flex;
  align-items: center;
}
#imagen_miniatura input {
  margin-left: 0.3em;
}
.box_input_image_live label {
  display: inline-flex;
  max-width: 100%;
  width: 10em;
  margin: 0.5em;
}
#cam-box-select {
  font-size: 16px;
  font-family: "Verdana", sans-serif;
  font-weight: 400;
  color: #444;
  line-height: 1.2;
  padding: 0.4em 1.4em 0.3em 0.8em;
  width: 250px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 4px auto;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgb(0 0 0 / 3%);
  border-radius: 0.3em;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E),
    linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

.configuration_live_information form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
}
.configuration_live_information form > label {
  font-size: 1.6em;
  font-weight: 500;
}
.inputs_form_live {
  display: flex;
}
.box_view_comments {
  height: 36em;
}
.cointainer_Principal_live {
  display: flex;
}

.cointainer_Principal_live .primary {
  width: 70%;
}
.box_input_title_live {
  width: 100%;
}

.input-effect-label-live {
  border: 1px solid #ccc;
  padding: 7px 14px;
  transition: 0.4s;
  background: transparent;
}
.input-effect-label-live ~ .focus-border:before,
.input-effect-label-live ~ .focus-border:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #3399ff;
  transition: 0.4s;
}
.input-effect-label-live ~ .focus-border:after {
  top: auto;
  bottom: 0;
}
.input-effect-label-live ~ .focus-border i:before,
.input-effect-label-live ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #3399ff;
  transition: 0.6s;
}
.input-effect-label-live ~ .focus-border i:after {
  left: auto;
  right: 0;
}
.input-effect-label-live:focus ~ .focus-border:before,
.input-effect-label-live:focus ~ .focus-border:after,
.has-content.input-effect-label-live ~ .focus-border:before,
.has-content.input-effect-label-live ~ .focus-border:after {
  left: 0;
  width: 100%;
  transition: 0.4s;
}
.input-effect-label-live:focus ~ .focus-border i:before,
.input-effect-label-live:focus ~ .focus-border i:after,
.has-content .input-effect-label-live ~ .focus-border i:before,
.has-content .input-effect-label-live ~ .focus-border i:after {
  top: -1px;
  height: 100%;
  transition: 0.6s;
}
.input-effect-label-live ~ label {
  position: absolute;
  left: 14px;
  /* width: 100%; */
  top: 10px;
  color: #aaa;
  transition: 0.3s;
  /* z-index: -1; */
  letter-spacing: 0.5px;
}
.input-effect-label-live:focus ~ label,
.has-content .input-effect-label-live:focus ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #3399ff;
  transition: 0.3s;
}
.box_title_section_chat .main-comment .user-avatar,
.box_view_comments .main-comment .user-avatar img {
  width: 10%;
  border-radius: 50%;
  margin-right: 2%;
}
.box_title_section_chat .main-comment .user-name a,
.box_view_comments .main-comment .user-name a {
  color: rgb(84, 84, 84);
  font-size: 1em;
}

.box_title_section_chat .user-comments .main-comment,
.box_view_comments .user-comments .main-comment {
  margin-bottom: 0;
}
#countCaracter500 {
  color: rgb(232, 232, 232);
}

.user-comments-live {
  padding: 5%;
  height: 100%;
  overflow-y: scroll;
}
.user-comments-live .main-comment .user-avatar {
  width: 10%;
  border-radius: 50%;
  margin-right: 2%;
}
.user-comments-live .main-comment .user-avatar img {
  width: 100%;
  border-radius: 50%;
  border: 1px solid #f4f4f4;
}

.box_recording_live {
  width: 100%;
}

.box_recording_live .left-live {
  display: flex;
  position: relative;
  padding: 2%;
  justify-content: space-evenly;
  border-style: double;
}

.box_recording_live .left-live .button-live {
  cursor: pointer;
  width: 3.5em;
  background-color: #ccc;
  border-radius: var(--kamerama-radius-md);
  height: 3.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-recorder {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: red;
}

.notRec {
  background-color: darkred;
}

.Rec {
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.stop-recorder {
  width: 1.5em;
  height: 1.5em;
  background-color: rgb(34, 34, 34);
}
.btn-live-pause {
  display: flex;
}
.pause-recorder {
  width: 0.57em;
  height: 1.5em;
  margin: 0 4%;
  background-color: rgb(34, 34, 34);
}
.box_recording_live .right-live {
  display: flex;
}
.toggle-configuration {
  position: fixed;
  border-radius: 50%;
  background-color: #bfbfbf;
}
.live_kairos_home {
  display: flex;
  width: 100%;
  background-color: black;
}

.live_kairos_home video {
  width: 75%;
}
.box_live_Kairos_anchor {
  background-color: black;
  width: 25%;
  align-self: center;
  display: flex;
  flex-direction: column;
}
.box_live_Kairos_anchor h1 {
  color: #fff;
  margin: 2% 0 11% 0;
}
.box_live_Kairos_anchor .kairosGlobo {
  animation: moving ease-in-out 1.2s alternate infinite;
}

.box_live_Kairos_anchor a {
  margin: 15% 25% 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: center;
  animation: wiggle 2s linear infinite;
}

.box_live_Kairos_anchor svg {
  width: 100%;
}
.box_live_Kairos_anchor img {
  width: 60%;
  margin: 2% 20%;
}

.pt_movie_list .video-wrapper a.pt_mv_list_thumb {
  width: 100%;
  height: 24em;
  border-radius: 0.8rem;
}

.pt_movie_list .video-wrapper:hover {
  animation: scale-up-center 0.4s ease-in-out normal both;
}

.pt_movie_list .video-wrapper a.pt_mv_list_thumb img {
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
}
.box_video_span svg.feather {
  text-align: center;
}
.feather-movie {
  width: 100%;
  height: 2.5vw;
  margin-top: 0.5vh;
}

.wo_about_wrapper .boxNewContact {
  border-radius: 0 0 50% 50%;
  padding-bottom: 18vw;
}

.tag_contact_title .tag_contact_title_h1 {
  font-size: 2.5vw;
  color: white;
  font-weight: 700;
  text-align: center;
}
.tag_contact_title_h2 {
  color: white;
  font-size: 1.5vw;
  text-align: justify;
  padding: 0 1.5em;
}

.wo_about_wrapper .boxNewContact .contactS8 {
  text-align: center;
  margin-bottom: 1vh;
}
.contactS8 svg {
  width: 65%;
}
.anchorS8Mail,
.preguntasFrecuentesS8 {
  color: rgb(12, 59, 106);
}
.anchorS8Mail:hover,
.preguntasFrecuentesS8:hover{
  color: #2f3640;
}
.login-page {
  width: 50% !important;
  height: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(255, 255, 255, 0.747);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}
.login-form {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login-form h2 {
  color: rgb(219, 16, 16);
}
.login-form h2 a {
  color: rgb(29, 35, 218);
}
.login-form h4 {
  color: rgb(0, 0, 0);
}
.login-form svg {
  width: 42%;
  padding: 7% 2%;
}
.login-form .logo-login{
  width: 50%;
  margin: 0 25%;
}

.video-wrapper .video-info a:hover,
.footer-container .footer-links > ul > li a:hover{
color: #e51f24 !important;
}
.btn-readMore-articles:hover{
background-color: #e51f24 !important;
color: #fff !important;
}

.video-options #share-video svg:hover,
.video-options #embed-video svg:hover,
.video-options #download-video svg:hover,
.video-options #edit-button-video svg:hover,
.video-options #analytics-video svg:hover,
.video-options #donate-video svg:hover,
.video-options #cancel-report-video svg:hover,
.video-options #report-button-video svg:hover,
.video-options #report-copyright-video svg:hover,
.video-options #add-to-video svg:hover{
  background-color: #e51f24 !important;
  color: #fff !important;
          -webkit-transition-delay: 0s;
          transition-delay: 0s;
          box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px,
            rgb(0 0 0 / 10%) 0px 4px 6px -4px;
            transform: scale(1.3);
}

.user_sttng_panel_hd{
  text-align: center;
}
.vid_upload_vids .pt_upload_vdo .upload-video{
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.register-page h4{
  font-size: 2.2em;
    margin-bottom: 1em;
}


.register-page .terms{
  color: rgb(70, 70, 70);
}
.register-page .terms label{
  font-size: 12px;
  cursor: pointer;
}
.register-page .terms label input[type='checkbox']{
  width: auto;
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}
.register-page .terms label a{
  color: #e51f24;
  text-decoration: underline;
}
.register-page .text-center,
.forgot_password-page .text-center{
  color: rgb(70, 70, 70);
}
.register-page .text-center a,
.forgot_password-page .text-center a{
  color: #e51f24;
  font-weight: bold;
  font-size: 1.2em;
}
.background-new-login{
  background-color: rgb(70, 70, 70);
}
.wo_about_wrapper-category{
  position: relative;
}

#video-header-category,
#video-header-import,
#video-header-upload{
  width: 110%;
  left: -5%;
  object-fit: cover;
  position: absolute;
  z-index: 0;
  border-bottom-left-radius: 50% 30%;
  border-bottom-right-radius: 50% 30%;
}
#video-header-category{
  max-height: 450px;
}
#video-header-import,
#video-header-upload{
  max-height: 350px;
}

.overlay-text-category,
.overlay-text-import,
.overlay-text-upload{
    z-index: 1;
    position: absolute;
    text-align: center;
    top: 0;
    padding-top: 1em;
    width: 100%;
}
.overlay-text-category svg,
.overlay-text-upload svg,
.overlay-text-import svg{
  width: 10vw;
  height: 10vh;
}

.overlay-text-category .text-center,
.overlay-text-import .text-center,
.overlay-text-upload .text-center{
  color: #fff;
  font-family: 'Venus Rising', sans-serif ;
}

.overlay-text-category .text-center{
  font-size: 4em;
}

.overlay-text-import .text-center,
.overlay-text-upload .text-center{
  font-size: 3.2em;
}

.font-size-setting .text-center {
  font-size: 2.5em;
}

.position_popup_import,
.position_popup_upload {
  margin-top: 240px;
}

/* SHORT MODAL */

.background-modal-share,
.background-modal-download
{
  display: none;
}
.popUp-modal-share,
.popUp-modal-download {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
  padding: 8px 25px;
  width: 420px;
  max-width: 100%;
  max-height: 100%;
  height: 260px;
  opacity: 0;
  z-index: 10;
}
#button-close-download,
#button-close-share{
  cursor: pointer;
  color: #21252c;
  width: 25px;
  height: 25px;
  border: none;
  background: none;
}
#button-close-download:hover,
#button-close-share:hover{
  color: #21252c;
  width: rgb(61, 62, 64)
}
.popUp-modal-share .share-video{
  margin-top: 17px;
}
.popUp-modal-share .share-video .share-input {
  margin-bottom: 27px;
}
.background-modal-share.showModalShare,
.background-modal-download.showModalDownload {
  display: flex;
  opacity: 1;
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: #42424282;
  z-index: 999;
}
.popUp-modal-share.showModalShare,
.popUp-modal-download.showModalDownload {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

#snackbar.showSnack {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.notification-container{
  min-width: 250px;
  box-shadow: 0px 0px 4px black;
  width: 20%;
  margin: 0 40%;
  background-color: rgb(255, 255, 255);
  color: #333;
  text-align: center;
  border-radius: 8px;
  padding: 16px;
  position: fixed;
  z-index: 8;
  top: 70px;
  font-size: 16px;
  display: none;
}
.notification-container svg{
  fill: #333;
}
.notification-block {
  display: block;
}
.notification-container .close-btn-snackbar{
  background-color: #e51f22;
    padding: 0.2em 0.3em;
    margin: 0.5em 0;
    font-size: .9em;
    color:#fff;
    border-radius: 5px;
    border-color: aliceblue;
    cursor: pointer;
}

.content-soporte{
  position: absolute;
    color: white;
    background-color: #e51f24;
    background-image: linear-gradient(0deg, #e51f24, #e51f24);
    padding: 8px;
    width: 437px;
    height: 201px;
    margin: 0 auto;
    right: 600px;
    top: 92px;
    text-align: center;
    border-radius: 40px;
    z-index: 7;
}

.content-soporte:before{
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-color: #e51f24;
    border-radius: 100px;
    position: absolute;
    bottom: -30px;
    left: 332px;;
    z-index: -4;
}
.content-soporte::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #e51f24;
  border-radius: 100px;
  position: absolute;
  bottom: -62px;
  left: 366px;
  z-index: -5;
}

.contact_space_aditional{
  background-image: url();
}
/***************************************************************
************************** KEYFRAMES ***************************
***************************************************************/

@keyframes pulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.4);
  }
  65% {
    box-shadow: 0px 0px 5px 12px rgba(173, 0, 0, 0.4);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
  }
}

@keyframes wiggle {
  0%,
  7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%,
  100% {
    transform: rotateZ(0);
  }
}

@keyframes moving {
  100% {
    transform: scale(1.2);
  }
}

@keyframes scale-up-center {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/***************************************************************
************************* MEDIA QUERY **************************
***************************************************************/

@media (max-width: 1920px) {
  .page-margin .pt_404 {
    height: 1029px;
    width: 2400px;
  }
}

@media (max-width: 1800px) {
  .page-margin .pt_404 {
    height: 663px;
    width: 2127px;
  }

  .page-margin .live_box_container {
    height: 599px;
    width: 1800px;
    margin-left: -463px;
    padding-bottom: 3.6%;
  }

  .moon {
    width: 525px;
    height: 525px;
    top: -45px;
    left: -133px;
  }
  .error {
    left: 32px;
    top: 272px;
  }
  .error__title {
    font-size: 9em;
  }
  .moon__crater1 {
    top: 165px;
    left: 321px;
    width: 55px;
    height: 113px;
  }
  .moon__crater2 {
    top: 403px;
    left: 218px;
    width: 27px;
    height: 60px;
  }
  .moon__crater3 {
    top: -1px;
    left: 39px;
    width: 51px;
    height: 106px;
  }
  .error__description {
    font-size: 1.5em;
  }
  .error__subtitle {
    font-size: 2em;
  }
  .live_Cointainer {
    width: 59%;
    margin-left: 17%;
  }
}

@media (max-width: 1700px) {
  .box_view_comments {
    height: 34em;
  }
}

@media (max-width: 1500px) {
  .box_view_comments {
    height: 29.5em;
  }
  .box_live_Kairos_anchor a {
    width: 35%;
    height: 3em;
  }
}

@media (max-width: 1440px) {
  .page-margin .pt_404 {
    height: 750px;
    width: 1997px;
  }
}

@media (max-width: 1366px) {
  .page-margin .pt_404 {
    height: 720px;
  }
}
@media (max-width: 1300px) {
  .box_view_comments {
    height: 27.5em;
  }
}

@media (max-width: 1200px) {
  .box_view_comments {
    height: 22.5em;
  }
}
@media (max-width: 1024px) {
  .page-margin .pt_404 {
    width: 1782px;
    height: 639px;
  }
}
@media only screen and (max-width: 990px){
  .login-page h4 {
    font-size: 2em;
  }
  .login-form .logo-login {
    width: 60%;
    margin: 0 20%;
  }
  .login-page {
    width: 60% !important;
  }
}
@media only screen and (max-width: 840px){
  .overlay-text-category .text-center {
    font-size: 3em;
}
.pt_vid_lst_page.pt_page_margin {
  margin-top: 277px;
}
}

@media (max-width: 760px) {
  nav.navbar-findcond .logo-img {
    max-width: 165px !important;
    margin-top: 1px 0 0 7px;
  }
  .btn_group_edit {
    display: flex;
    justify-content: center;
  }
  .last-sett-btn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .login-page {
    width: 70% !important;
  }
}

@media (max-width: 650px) {
  .box_live_Kairos_anchor a {
    width: 52%;
    height: 2.5em;
  }
  .login-page {
    width: 100% !important;
  }
  .pt_vid_lst_page.pt_page_margin {
    margin: 229px 10%;
}
  .overlay-text-category .text-center {
    font-size: 2.5em ;
  }
  .overlay-text-category svg {
    width: 14vw;
  }
  }
  @media only screen and (max-width: 560px) {
    .pt_vid_lst_page.pt_page_margin {
      margin: 236px 10%;
  }
  }

@media (max-width: 500px) {
  .logo_header_ddla a {
    display: none !important;
  }
  .logo_header_babel a {
    display: none !important;
  }
   .new-here{
    display: block;
    padding: 0;
  }
  .new-here .forgot_password{
    text-align: center;
    padding: 2px 0;
  }

 .font-size-setting .text-center {
    font-size: 2em;
}

.overlay-text-category .text-center {
  font-size: 1.3em;
}

.pt_vid_lst_page.pt_page_margin {
  margin: 190px 10%;
}
.overlay-text-category {
  padding-top: 4em;
}
}

@media (max-width: 425px) {
  .navbar-nav {
    margin: 1px -21px 0 0;
  }

  .page-margin .pt_404 {
    height: 780px;
    width: 1209px;
  }
  #cord {
    width: 160px;
    height: 292px;
  }
  .error {
    left: 51px;
  }
  .box_live_Kairos_anchor a {
    height: 2em;
  }
  .contactS8 svg {
    width: 100%;
  }
  .tag_contact_title_h2 {
    font-size: 2.5vw;
  }
  .tag_contact_title .tag_contact_title_h1 {
    font-size: 4.5vw;
  }

  .login-form .logo-login {
    width: 70%;
    margin: 0 15%;
  }

  .login-page .login-form input[type="text"],
  .login-page .login-form input[type="password"],
  .login-page .login-form input[type="submit"],
  .login-page .login-form select {
    width: 80%;
  }

.pt_vid_lst_page.pt_page_margin {
  margin: 179px 10%;
}
.overlay-text-category {
padding-top: 2em;
}
.pt_vid_lst_page.pt_page_margin {
  margin: 156px 10%;
}
.swiper-wrapper video {
  width: 85% !important;
  height: 100% !important;
  margin: 0 5%;
  object-fit: contain;
  box-shadow: 1px 1px 1px #00000014;
  border-radius: 2.5em;
}

.shorts_events > div svg, .swiper-wrapper .user_avatar a svg {
  background-color: rgb(97 95 95 / 60%);
  border-radius: 50%;
  padding: 4px;
  width: 25px;
  height: 25px;
}
.shorts_events {
  padding: 26px 0px 25px
}

.swiper-wrapper .user_avatar img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  object-fit: cover;
}

.notification-container {
  width: 70%;
  margin: 0 15%;
  padding: 6px;
  font-size: 13px;
}
.contact_space_aditional {
  min-height: 420px !important;
}
.content-soporte {
  padding: 0 13px;
  width: 238px;
  height: 140px;
  top: 98px;
  left: 20px;
  font-size: 9px;
}
.content-soporte h2 {
  font-size: 15px;
}
.content-soporte::after {
  width: 15px;
  height: 15px;
  bottom: -24px;
  left: 204px;
  z-index: -5;
}
.content-soporte:before {
width: 25px;
height: 25px;
bottom: -13px;
left: 174px;
z-index: -4;
}

.content-support-image{
margin-top: 108px;
}
}

@media (max-width: 376px) {
  nav.navbar-findcond .logo-img {
    max-width: 156px !important;
  }
  .moon {
    width: 335px;
    height: 319px;
    top: -11px;
    left: -119px;
  }
  .error {
    left: 7px;
    top: 178px;
  }
  .error__title {
    font-size: 5em;
  }
  .error__subtitle {
    font-size: 1.2em;
  }
  .pt_404 .btn {
    margin: 19px 0 0;
  }
  .error__description {
    font-size: 1.3em;
  }

  .page-margin .pt_404 {
    height: 450px;
    width: 1066px;
  }
  .moon__crater1 {
    top: 107px;
    left: 164px;
    width: 44px;
    height: 81px;
  }
  .moon__crater2 {
    top: 274px;
    left: 87px;
    width: 19px;
    height: 31px;
  }
  .astronaut {
    width: 49%;
    height: 4%;
    left: 70%;
    top: 34%;
  }
  #cord {
    height: 0px;
  }
  .pt_vid_lst_page.pt_page_margin {
    width: 90%;
    margin: 135px 5%;
  }
}

@media (max-width: 360px) {
  .moon {
    width: 325px;
    height: 325px;
    top: -15px;
    left: -103px;
  }
  .error {
    left: 13px;
    top: 192px;
  }
  .error__title {
    font-size: 4em;
  }
  .moon__crater1 {
    top: 115px;
    left: 176px;
    width: 35px;
    height: 83px;
  }
  .moon__crater2 {
    top: 278px;
    left: 60px;
    width: 27px;
    height: 15px;
  }
  .moon__crater3 {
    top: -1px;
    left: 39px;
    width: 51px;
    height: 106px;
  }
  .error__description {
    font-size: 1.3em;
  }
  .error__subtitle {
    font-size: 1.3em;
  }
  #open_slide svg{
    width: 24px;
    padding-bottom: 3px;
  }
  .pt_opn_sid_menu {
    margin: 9px -11px 8px -29px;
}
nav.navbar-findcond ul.navbar-nav.navbar-right > li > a > svg {
  width: 18px;
  margin-top: -4px;
}
.login-page h4 {
  font-size: 1.3em;
}
.login-page .login-form input[type="text"], .login-page .login-form input[type="password"], .login-page .login-form select {
  padding: 9px;
}
.login-page .login-form input[type="submit"] {
  padding: 9px
}
}

@media (max-width: 320px) {
  nav.navbar-findcond .logo-img {
    max-width: 141px !important;
    /* margin-top: 8px; */
  }
  .page-margin .pt_404 {
    height: 528px;
    width: 1015px;
  }
  .pt_footer {
    width: 280px;
  }
  nav.navbar-findcond ul.navbar-nav.navbar-right > li > a > svg {
    width: 17px;
  }
}

/* Kamerama member access: login / register / forgot password */
body.km-member-access-route,
body:has(.km-member-page) {
  min-height: 100vh;
  background: #050812 !important;
}
body:has(.km-member-page) #main-container.main-content,
body:has(.km-member-page) #container_content,
body.km-member-access-route #main-container.main-content,
body.km-member-access-route #container_content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
.km-member-page,
.km-member-page * {
  box-sizing: border-box;
}
.km-member-page.page-margin {
  position: relative;
  display: grid;
  min-height: 100vh;
  width: 100%;
  margin: 0 !important;
  padding: clamp(22px, 4vw, 58px);
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 106, 26, .22), transparent 28%),
    radial-gradient(circle at 86% 12%, rgba(0, 132, 255, .18), transparent 26%),
    linear-gradient(135deg, #050812 0%, #08172a 48%, #050812 100%);
  color: #eef3ff;
}
.km-member-page::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at center, black 0 48%, transparent 76%);
  opacity: .35;
  pointer-events: none;
}
.km-member-page::after {
  content: "";
  position: absolute;
  right: min(8vw, 120px);
  bottom: min(8vw, 120px);
  width: min(34vw, 420px);
  aspect-ratio: 1;
  border: 1px solid rgba(255,106,26,.2);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,106,26,.12), transparent 64%);
  filter: blur(.2px);
  pointer-events: none;
}
.km-member-panel {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  padding: clamp(12px, 2vw, 20px) clamp(24px, 4vw, 44px);
  overflow: hidden;
  border: 1px solid rgba(178,203,238,.14);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,106,26,.16), transparent 30%),
    linear-gradient(180deg, rgba(9, 18, 33, .92), rgba(5, 10, 19, .96));
  box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(18px);
}
.km-member-panel--register {
  width: min(100%, 620px);
}
.km-member-panel__brand {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.km-member-panel__brand img {
  display: block;
  width: min(230px, 72%);
  height: auto;
  object-fit: contain;
}
.km-member-panel h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.04em;
  text-align: center;
}
.km-member-panel__copy {
  max-width: 360px;
  margin: 14px auto 0;
  color: #aeb9cc;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}
.km-member-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 26px 0 24px;
  padding: 6px;
  border: 1px solid rgba(178,203,238,.12);
  border-radius: 999px;
  background: rgba(5, 10, 19, .62);
}
.km-member-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 10px;
  border-radius: 999px;
  color: #9eaabc;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.km-member-tabs a:hover,
.km-member-tabs a.active {
  color: #fff;
  background: linear-gradient(135deg, rgba(255,106,26,.24), rgba(255,106,26,.1));
  box-shadow: inset 0 0 0 1px rgba(255,106,26,.2);
}
.km-member-form {
  display: grid;
  gap: 14px;
  margin: 0;
}
.km-member-form .errors {
  margin: 0;
  padding: 0;
  border: 0;
  color: #ffb18a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}
.km-member-form .errors:empty {
  display: none;
}
.km-member-form .errors.success {
  color: #8ff0bf;
}
.km-member-field {
  position: relative;
  display: grid;
  align-items: center;
}
.km-member-field > svg {
  position: absolute;
  left: 17px;
  z-index: 2;
  width: 20px;
  height: 20px;
  color: #7f8ba5;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.km-member-field input,
.km-member-field select {
  width: 100% !important;
  min-height: 56px;
  padding: 18px 52px 6px 52px !important;
  border: 1px solid rgba(72,143,255,.22) !important;
  border-radius: 14px !important;
  background: rgba(7, 14, 26, .88) !important;
  color: #eef3ff !important;
  font-size: 15px;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  outline: none;
}
.km-member-field select {
  padding-top: 6px !important;
  color-scheme: dark;
}
.km-member-field input:focus,
.km-member-field select:focus {
  border-color: rgba(255,106,26,.75) !important;
  box-shadow: 0 0 0 3px rgba(255,106,26,.12) !important;
}
.km-member-field input::placeholder {
  color: transparent;
}
.km-member-field label {
  position: absolute;
  left: 52px;
  top: 18px;
  z-index: 2;
  margin: 0;
  color: #7f8ba5;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  transform-origin: left top;
  transition: transform .14s ease, color .14s ease;
}
.km-member-field input:focus + label,
.km-member-field input:not(:placeholder-shown) + label {
  color: #ff7b2c;
  transform: translateY(-10px) scale(.78);
}
.km-member-password-toggle {
  position: absolute;
  right: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #8f9bb2;
}
.km-member-password-toggle:hover,
.km-member-password-toggle[aria-pressed="true"] {
  color: #ff7b2c;
  background: rgba(255,106,26,.1);
}
.km-member-password-toggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.km-member-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #9eaabc;
  font-size: 13px;
  font-weight: 800;
}
.km-member-options a,
.km-member-switch a,
.km-member-home,
.km-member-terms a {
  color: #ff8a1d;
  text-decoration: none;
}
.km-member-options a:hover,
.km-member-switch a:hover,
.km-member-home:hover,
.km-member-terms a:hover {
  color: #fff;
  text-decoration: none;
}
.km-member-remember,
.km-member-terms label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: #aeb9cc;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  cursor: pointer;
}
.km-member-remember input,
.km-member-terms input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 1px 0 0 !important;
  accent-color: #ff6a1a;
}
.km-member-helper-text {
  margin: -4px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(178,203,238,.1);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: #9eaabc;
  font-size: 12px;
  line-height: 1.55;
}
.km-member-helper-text li.valid {
  color: #8ff0bf;
}
.km-member-terms {
  margin-top: 2px;
}
.km-member-form .recaptcha {
  display: flex;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
}
.km-member-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  margin-top: 4px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .08em;
  box-shadow: 0 18px 38px rgba(239,91,42,.28);
}
.km-member-submit:hover,
.km-member-submit:focus {
  filter: brightness(1.05);
}
.km-member-switch {
  color: #aeb9cc;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}
.km-member-panel__divider--bottom {
  display: block;
  width: 100%;
  height: 1px;
  margin: 24px 0 16px;
  background: linear-gradient(90deg, transparent, rgba(255,106,26,.58), rgba(0,174,255,.42), transparent);
}
.km-member-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  color: #aeb9cc;
  font-size: 13px;
  font-weight: 900;
}
.km-member-home span {
  color: #ff7b2c;
  font-size: 18px;
  line-height: 1;
}

@media (max-width: 42em) {
  .km-member-page.page-margin {
    min-height: 100vh;
    padding: 16px;
    align-items: start;
  }
  .km-member-panel {
    width: 100%;
    padding: 14px 18px;
    border-radius: 18px;
  }
  .km-member-panel__brand img {
    width: min(210px, 74%);
  }
  .km-member-tabs {
    grid-template-columns: 1fr;
    border-radius: 18px;
  }
  .km-member-tabs a {
    border-radius: 14px;
  }
  .km-member-options {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Kamerama dark skin overrides */
html,
body,
#container_content,
#main-container.main-content,
.main-content,
.content,
.container,
.home-container,
.pt_homepg_whote_bg,
.pt_hmpg_contanr,
.pt_home_vid_content,
.pt_hmpg_vidlst,
.pt_homep_categories,
.pt_homep_articls {
  background-color: var(--kamerama-bg) !important;
  color: var(--kamerama-text-soft) !important;
}

body {
  background-image: radial-gradient(circle at 78% 0%, rgba(37, 99, 235, 0.15), transparent 28%) !important;
  padding-top: var(--kamerama-header-height) !important;
}

/* Notebook reference: keep this base hero composition stable. */
.km-home-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(18rem, 0.42fr) minmax(26rem, 0.58fr);
  align-items: center;
  width: var(--kamerama-presentation-width);
  min-height: var(--kamerama-hero-height);
  margin: 0 0 clamp(1rem, 2vw, 1.75rem);
  padding: clamp(2rem, 4.2vw, 4.75rem) clamp(2rem, 5vw, 6rem);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--kamerama-radius-lg);
  background:
    linear-gradient(90deg, rgba(6, 4, 18, 0.97) 0%, rgba(6, 4, 18, 0.82) 30%, rgba(7, 7, 24, 0.28) 58%, rgba(6, 9, 28, 0.06) 100%),
    var(--kamerama-hero-banner),
    radial-gradient(ellipse at 76% 45%, rgba(0, 161, 255, 0.72), transparent 22%),
    radial-gradient(ellipse at 63% 58%, rgba(255, 94, 14, 0.7), transparent 24%),
    radial-gradient(ellipse at 88% 18%, rgba(222, 20, 125, 0.38), transparent 26%),
    radial-gradient(ellipse at 52% 52%, rgba(40, 18, 86, 0.78), transparent 44%),
    linear-gradient(115deg, #110417 0%, #08071e 42%, #061432 100%) !important;
  background-position: center, center, 76% 45%, 63% 58%, 88% 18%, 52% 52%, center !important;
  background-size: cover, cover, 72% 115%, 70% 125%, 60% 80%, 100% 110%, cover !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.36);
}

.km-home-hero:before,
.km-home-hero:after,
.km-home-hero__visual:before,
.km-home-hero__visual:after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.km-home-hero:before {
  inset: 0;
  background:
    radial-gradient(circle at 58% 16%, rgba(50, 126, 255, 0.95), transparent 0.09rem),
    radial-gradient(circle at 76% 9%, rgba(255, 80, 142, 0.62), transparent 0.08rem),
    radial-gradient(circle at 52% 82%, rgba(255, 255, 255, 0.25), transparent 0.08rem),
    radial-gradient(circle at 90% 73%, rgba(88, 174, 255, 0.34), transparent 0.1rem),
    linear-gradient(90deg, rgba(5, 7, 17, 0.22), transparent 44%);
  opacity: 0.88;
}

.km-home-hero:after {
  inset: -3% -12% -16% 39%;
  background:
    radial-gradient(ellipse at 40% 58%, rgba(255, 96, 14, 0.58), transparent 30%),
    radial-gradient(ellipse at 76% 43%, rgba(0, 166, 255, 0.58), transparent 38%),
    linear-gradient(108deg, transparent 10%, rgba(255, 94, 14, 0.18) 37%, rgba(0, 166, 255, 0.14) 72%, transparent 100%);
  filter: blur(0.18rem);
  transform: rotate(-7deg);
}

.km-home-hero__content {
  position: relative;
  z-index: 2;
  max-width: 42rem;
}

.km-home-hero__eyebrow,
.km-home-hero h1,
.km-home-hero__copy {
  margin: 0;
  font-family: var(--kamerama-font-sans);
}

.km-home-hero__eyebrow {
  color: var(--kamerama-white);
  font-size: clamp(3.9rem, 1.2vw, 1.15rem);
  font-weight: 900;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

.km-home-hero h1 {
    margin-top: -1.35rem;
    font-size: clamp(8.35rem, 1.4vw, 3rem);
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: -0.07em;
    background: linear-gradient(90deg, #ff5d17 0%, #ff8a32 26%, #35b9ff 49%, #167cff 74%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.km-home-hero__copy {
    max-width: 31rem;
    margin-top: clamp(0.65rem, 1vw, 0.875rem);
    color: var(--kamerama-text-soft);
    font-size: clamp(1.62rem, 0.9vw, 0.92rem);
    line-height: 1.42;
}

.km-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: clamp(0.9rem, 1.35vw, 1.15rem);
}

.km-home-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.75rem;
    padding: 0 2.05rem;
    border-radius: var(--kamerama-radius-pill);
    color: var(--kamerama-white) !important;
    font-family: var(--kamerama-font-sans);
    font-size: clamp(1.2rem, 0.78vw, 0.86rem);
    font-weight: 700;
    text-decoration: none !important;
}

.km-home-hero__btn--primary {
    background: linear-gradient(105deg, #ff6a1a 0%, #910db5 100%) !important;
    box-shadow: 2px 0rem 1.8rem rgba(255, 61, 110, 0.36);
}

.km-home-hero__btn--secondary {
  background: linear-gradient(135deg, rgba(28, 46, 134, 0.95), rgba(13, 20, 70, 0.96)) !important;
  border: 1px solid rgba(79, 110, 255, 0.52);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.km-home-hero__btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

.km-home-hero__visual {
  position: relative;
  z-index: 1;
  width: 124%;
  height: 220%;
  min-height: calc(var(--kamerama-hero-height) - clamp(4rem, 8vw, 9.5rem));
  overflow: hidden;
  margin-top: 5%;
  border-radius: inherit;
}

.km-home-hero__visual:before {
  top: 50%;
  right: 0;
  width: min(116%, clamp(28rem, 46vw, 54rem));
  height: clamp(14rem, 27vw, 30rem);
  border-radius: 50%;
  background: radial-gradient(ellipse at 45% 54%, rgba(255, 90, 24, 0.58), rgba(33, 183, 255, 0.2) 45%, transparent 70%);
  filter: blur(1.25rem);
  transform: translateY(-50%);
}

.km-home-hero__visual:after {
  inset: -10% -4% -10% -4%;
  width: auto;
  height: auto;
  background: var(--kamerama-hero-image, none) center / contain no-repeat;
  filter: saturate(1.12) contrast(1.08) drop-shadow(0 1.5rem 3rem rgba(0, 0, 0, 0.35));
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 14%, #000 88%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 14%, #000 88%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
  mask-composite: intersect;
}

/* Home/header polish: compact hero and cleaner access controls */
body:not(.km-watch-route) .km-home-hero {
  grid-template-columns: minmax(17rem, .38fr) minmax(22rem, .62fr);
  min-height: clamp(17rem, 26vw, 29rem);
  margin-bottom: clamp(.8rem, 1.4vw, 1.25rem);
  padding: clamp(1.75rem, 3vw, 3.5rem) clamp(2rem, 4vw, 4.5rem);
}
body:not(.km-watch-route) .km-home-hero__eyebrow {
  font-size: clamp(2.15rem, 2.85vw, 3.55rem);
  letter-spacing: -.045em;
}
body:not(.km-watch-route) .km-home-hero h1 {
  margin-top: -.55rem;
  font-size: clamp(4.1rem, 6vw, 7rem);
  line-height: .88;
}
body:not(.km-watch-route) .km-home-hero__copy {
  max-width: 24rem;
  font-size: clamp(1rem, 1.15vw, 1.35rem);
}
body:not(.km-watch-route) .km-home-hero__btn {
  min-height: 2.55rem;
  padding: 0 1.65rem;
  font-size: clamp(.9rem, .88vw, 1.05rem);
}
body:not(.km-watch-route) .km-home-hero__btn svg {
  width: 1.35rem;
  height: 1.35rem;
}
body:not(.km-watch-route) .km-home-hero__visual {
  width: 106%;
  height: 150%;
  min-height: clamp(14rem, 22vw, 25rem);
  margin-top: 1%;
}
body:not(.km-watch-route) .km-home-hero__visual:after {
  inset: -5% 1% -5% -3%;
  background-size: contain;
}

a,
.video-title a,
.video-list-title a {
  color: var(--kamerama-text) !important;
}

a:hover,
.video-title a:hover,
.video-list-title a:hover,
.videos-list .video-wrapper .video-title a:hover,
.home-page-categories .videos .video-list .video-list-title h4:hover {
  color: var(--kamerama-accent-strong) !important;
}

.text-muted,
.small,
small {
  color: var(--kamerama-text-muted) !important;
}

.form-control,
input,
textarea,
select {
  background: var(--kamerama-bg-chip) !important;
  border-color: var(--kamerama-border) !important;
  color: var(--kamerama-text-soft) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--kamerama-focus-border) !important;
  box-shadow: 0 0 0 3px var(--kamerama-focus-ring) !important;
}

.pt_home_vid_content .title h4 > svg,
.home-page-categories .title h4 svg,
.pt_homep_categories .title h4 svg {
  color: var(--kamerama-accent-strong) !important;
  fill: var(--kamerama-accent-strong) !important;
}

.pt_shadow,
.empty_state,
.no-more-data,
.user-setting-panel,
.settings-content,
.pt_featured_video,
.pt_vid_fixed_height {
  background: var(--kamerama-bg-card) !important;
  border-color: var(--kamerama-border) !important;
  color: var(--kamerama-text-soft) !important;
}

.video-latest-list .video-thumb img,
.home-page-categories .videos .video-list img,
.videos-list .video-wrapper img,
.pt_hmpg_vidlst .videos .video-list .video-list-image a img {
  background: var(--kamerama-bg-chip) !important;
  border-radius: var(--kamerama-radius-md) var(--kamerama-radius-md) 0 0 !important;
}

.video-duration,
.duration,
.video-latest-list .video-duration,
.home-page-categories .videos .video-list .video-duration {
  background: var(--kamerama-duration-bg) !important;
  border: 1px solid var(--kamerama-overlay-border);
  color: var(--kamerama-white) !important;
}

.btn-main,
.btn-primary,
.btn-subscribe,
.btn-fab-floating,
.showing_nav > .btn:hover {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-strong)) !important;
  border-color: transparent !important;
  color: var(--kamerama-white) !important;
}

.showing_nav > .btn,
.slick-arrow,
.owl-prev,
.owl-next,
.pl_feat_vid_slide_nav .owl-prev,
.pl_feat_vid_slide_nav .owl-next {
  background: var(--kamerama-bg-chip) !important;
  border: 1px solid var(--kamerama-border) !important;
  color: var(--kamerama-text-soft) !important;
}

.carousel,
.carousel-inner,
.item,
.slick-list,
.slick-track,
.pl_feat_vid_slider,
.pl_feat_vid_slide,
.pt_fv_blur_img {
  background: transparent !important;
}

.pt_fv_blur_img,
.pl_feat_vid_slide .video-player,
.carousel-inner > .item {
  border-radius: var(--kamerama-radius-lg) !important;
  overflow: hidden;
}

nav.navbar-findcond.header-layout,
nav.navbar-findcond .pt_main_hdr {
  background: var(--kamerama-header-bg) !important;
  border-bottom: 1px solid var(--kamerama-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
}

nav.navbar-findcond .search-header input,
nav.navbar-findcond .form-control {
  background: var(--kamerama-search-bg) !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: var(--kamerama-radius-pill) !important;
  color: var(--kamerama-text-soft) !important;
}

nav.navbar-findcond .search-header input::placeholder {
  color: var(--kamerama-text-muted) !important;
}

.pt_home_vid_content .title h4,
.home-page-categories .title h4,
.pt_homep_categories .title h4,
.video-latest-list .video-title h4,
.home-page-categories .videos .video-list .video-list-title h4,
.videos-list .video-wrapper .video-title a,
.content-title,
.page-margin h1,
.page-margin h2,
.page-margin h3,
.page-margin h4,
.page-margin h5 {
  color: var(--kamerama-text) !important;
}

.pt_home_vid_content .title h4,
.home-page-categories .title h4,
.pt_homep_categories .title h4 {
  display: flex !important;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(1.3rem, 1.65vw, 1.7rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.pt_home_vid_content .title h4 .view_more_link,
.home-page-categories .title h4 .view_more_link,
.pt_homep_categories .title h4 .view_more_link {
  margin-left: auto !important;
  font-size: 1rem;
  letter-spacing: 0;
}

.km-section-title-icon {
  display: inline-flex;
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 1.45rem;
  background: linear-gradient(135deg, var(--kamerama-accent-strong), var(--kamerama-accent-dark));
  -webkit-mask: url('../img/Kamerama/categories/section.svg') center / contain no-repeat;
  mask: url('../img/Kamerama/categories/section.svg') center / contain no-repeat;
}

.pt_home_vid_content .title h4 > svg,
.home-page-categories .title h4 > svg,
.pt_homep_categories .title h4 > svg,
.pt_home_vid_content .title h4 > .km-section-title-icon,
.home-page-categories .title h4 > .km-section-title-icon,
.pt_homep_categories .title h4 > .km-section-title-icon {
  display: none !important;
}

.pt_home_vid_content .title h4:before,
.home-page-categories .title h4:before,
.pt_homep_categories .title h4:before {
  content: "";
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 1.6rem;
  color: #ff6a1a;
  background: currentColor;
  -webkit-mask: var(--km-section-icon, url('../img/Kamerama/categories/section.svg')) center / contain no-repeat;
  mask: var(--km-section-icon, url('../img/Kamerama/categories/section.svg')) center / contain no-repeat;
}
.pt_home_vid_content .title h4.km-section-heading--kairos:before,
.home-page-categories .title h4.km-section-heading--kairos:before {
  --km-section-icon: url('../img/Kamerama/secciones/kairos.svg');
}
.pt_home_vid_content .title h4.km-section-heading--nuevos:before,
.home-page-categories .title h4.km-section-heading--nuevos:before {
  --km-section-icon: url('../img/Kamerama/secciones/nuevos.svg');
}
.pt_home_vid_content .title h4.km-section-heading--shorts:before,
.home-page-categories .title h4.km-section-heading--shorts:before {
  --km-section-icon: url('../img/Kamerama/secciones/shorts.svg');
}
.pt_home_vid_content .title h4.km-section-heading--tendencias:before,
.home-page-categories .title h4.km-section-heading--tendencias:before {
  --km-section-icon: url('../img/Kamerama/secciones/tendencias.svg');
}
.pt_home_vid_content .title h4.km-section-heading--top:before,
.home-page-categories .title h4.km-section-heading--top:before {
  --km-section-icon: url('../img/Kamerama/secciones/top.svg');
}

.pt_home_vid_content,
.home-page-categories,
.pt_hmpg_vidlst {
  margin-bottom: 0.75rem !important;
}

.home-page-categories .title,
.pt_home_vid_content .title {
  margin-bottom: 2.85rem !important;
}

.pt_hmpg_hr {
  margin: 1rem 0 !important;
}

.pt_cat_vid_list,
.videos-latest-list.row,
.pt_latest_vds > .row,
.pt_no_vid_found_top,
.pt_no_vid_found_trend {
  row-gap: 1rem;
}

.view_more_link {
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

.view_more_link a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 2.3rem;
  padding: 0 1.15rem !important;
  border: 1px solid var(--kamerama-card-hover-border) !important;
  border-radius: var(--kamerama-radius-pill) !important;
  background: rgba(229, 90, 24, 0.12) !important;
  color: var(--kamerama-accent-strong) !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.view_more_link a:hover,
.view_more_link a:focus {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-dark)) !important;
  border-color: transparent !important;
  color: var(--kamerama-white) !important;
}

.video-list-by,
.video-list-by a,
.video-published,
.video-views,
.video-info,
.video-latest-list .video-info,
.home-page-categories .videos .video-list .video-list-by,
.home-page-categories .videos .video-list .video-list-by a {
  color: var(--kamerama-text-muted) !important;
}

.pt_hmpg_vidlst .videos .video-list,
.home-page-categories .videos .video-list,
.videos-list .video-wrapper,
.video-latest-list,
.video-latest-list.video-wrapper,
.video-latest-list .list-video-categoria-new,
.pt_article_h_list,
.article-wrapper,
.well,
.panel,
.dropdown-menu,
.modal-content {
  background: var(--kamerama-bg-card) !important;
  border: 1px solid var(--kamerama-border) !important;
  color: var(--kamerama-text-soft) !important;
}

nav.navbar-findcond .profile-nav > .dropdown-toggle {
  color: var(--kamerama-text-soft) !important;
}

nav.navbar-findcond .profile-nav.open > .dropdown-toggle,
nav.navbar-findcond .profile-nav > .dropdown-toggle:hover,
nav.navbar-findcond .profile-nav > .dropdown-toggle:focus {
  color: var(--kamerama-white) !important;
  background: transparent !important;
}

nav.navbar-findcond .profile-nav > .dropdown-toggle svg,
nav.navbar-findcond .profile-nav > .dropdown-toggle .caret {
  color: inherit !important;
}

nav.navbar-findcond .profile-nav > .dropdown-menu {
  min-width: 12.5rem;
  padding: 0.45rem;
  border-radius: var(--kamerama-radius-md) !important;
  background: rgba(8, 12, 24, 0.98) !important;
  border-color: var(--kamerama-border) !important;
  box-shadow: 0 1.25rem 2.75rem rgba(0, 0, 0, 0.42) !important;
  overflow: hidden;
}

nav.navbar-findcond .profile-nav > .dropdown-menu > li > a,
nav.navbar-findcond .profile-nav > .dropdown-menu > li > label {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.65rem;
  padding: 0.65rem 0.85rem !important;
  border-radius: var(--kamerama-radius-sm);
  color: var(--kamerama-text-soft) !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
}

nav.navbar-findcond .profile-nav > .dropdown-menu > li > a:hover,
nav.navbar-findcond .profile-nav > .dropdown-menu > li > a:focus,
nav.navbar-findcond .profile-nav > .dropdown-menu > li > label:hover,
nav.navbar-findcond .profile-nav > .dropdown-menu > li > label:focus {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-dark)) !important;
  color: var(--kamerama-white) !important;
}

nav.navbar-findcond .profile-nav > .dropdown-menu > li > a svg,
nav.navbar-findcond .profile-nav > .dropdown-menu > li > label svg {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  color: currentColor !important;
  fill: currentColor !important;
}

nav.navbar-findcond .profile-nav > .dropdown-menu > li.divider {
  height: 1px;
  margin: 0.45rem -0.45rem;
  background: var(--kamerama-border) !important;
  opacity: 0.8;
}

nav.navbar-findcond .profile-nav > .dropdown-menu > li.toggle-mode,
nav.navbar-findcond .profile-nav > .dropdown-menu > li.divider:has(+ li.toggle-mode) {
  display: none !important;
}

.pt_hmpg_vidlst .videos .video-list,
.home-page-categories .videos .video-list,
.videos-list .video-wrapper,
.video-latest-list.video-wrapper,
.video-latest-list .list-video-categoria-new {
  border-radius: var(--kamerama-radius-sm) !important;
  box-shadow: var(--kamerama-card-shadow) !important;
  overflow: hidden !important;
}

.pt_cat_vid_list,
.videos-latest-list.row,
.pt_latest_vds > .row,
.pt_no_vid_found_top,
.pt_no_vid_found_trend {
  display: flex;
  flex-wrap: wrap;
}

.km-home-added-category .pt_cat_vid_list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(2.25rem, 4vw, 4.25rem) clamp(1.5rem, 2.6vw, 2.75rem);
  align-items: start;
  margin: 0 !important;
  padding: 0 !important;
}

.km-home-added-category .pt_cat_vid_list::before,
.km-home-added-category .pt_cat_vid_list::after,
.km-home-added-category .pt_cat_vid_list > .clear {
  display: none !important;
  content: none !important;
}

.pt_cat_vid_list > .keep-padding,
.videos-latest-list.row > .col-md-3,
.pt_latest_vds > .row > .col-md-3,
.pt_no_vid_found_top > div:not(.clear),
.pt_no_vid_found_top > .top-video-wrapper,
.pt_no_vid_found_trend > .top-video-wrapper {
  width: 25% !important;
  flex: 0 0 25%;
  max-width: 25%;
}

.km-home-added-category .pt_cat_vid_list > .keep-padding,
.km-home-added-category .pt_cat_vid_list > .km-video-list-col,
.km-home-added-category .pt_cat_vid_list > [class*="col-"] {
  width: 100% !important;
  min-width: 0;
  max-width: none !important;
  float: none !important;
  flex: none !important;
  flex-basis: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}

.km-home-added-category .video-latest-list > .km-latest-card-body {
  display: none !important;
}

.km-home-added-category .video-latest-list > .video-title,
.km-home-added-category .video-latest-list > .video-info {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.km-home-added-category .video-latest-list > .video-title {
  margin-top: 0.85rem !important;
}

.km-home-added-category .video-latest-list > .video-title h4 {
  display: -webkit-box !important;
  min-height: 2.5em;
  margin: 0 0 0.35rem !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.km-home-added-category .video-latest-list > .video-info,
.km-home-added-category .video-latest-list > .video-info a {
  color: var(--kamerama-text-muted) !important;
}

.video-thumb .km-thumb-empty,
.video-list-image .km-thumb-empty {
  display: none;
}

.video-thumb.km-media-fallback,
.video-list-image.km-media-fallback {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
}

.video-thumb.km-media-fallback > a,
.video-list-image.km-media-fallback > a {
  display: none !important;
}

.video-thumb.km-media-fallback img,
.video-list-image.km-media-fallback img {
  display: none !important;
}

.video-thumb.km-media-fallback .video-duration:empty,
.video-list-image.km-media-fallback .video-duration:empty {
  display: none !important;
}

.video-thumb.km-media-fallback .km-thumb-empty,
.video-list-image.km-media-fallback .km-thumb-empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  min-height: 7rem;
  padding: 1rem;
  border: 1px dashed var(--kamerama-border);
  border-radius: var(--kamerama-radius-sm);
  background: var(--kamerama-bg-chip);
  color: var(--kamerama-text-muted);
  font-family: var(--kamerama-font-sans);
  font-size: clamp(0.82rem, 0.92vw, 0.92rem);
  font-weight: 600;
  text-align: center;
}

.video-thumb.km-media-fallback .km-thumb-empty svg,
.video-list-image.km-media-fallback .km-thumb-empty svg {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  opacity: 0.7;
}

.pt_cat_vid_list > :nth-child(n+9),
.videos-latest-list.row > :nth-child(n+9),
.pt_latest_vds > .row > :nth-child(n+9),
.pt_no_vid_found_top > :nth-child(n+9),
.pt_no_vid_found_trend > :nth-child(n+9) {
  display: none !important;
}

.pt_hmpg_vidlst .videos .video-list,
.home-page-categories .videos .video-list,
.video-latest-list.video-wrapper,
.video-latest-list .list-video-categoria-new,
.top-video-wrapper {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
  /* margin-bottom: 1rem; */
  padding: 0 0.75rem;
}

/* .pt_cat_vid_list .video-list,
.pt_hmpg_vidlst .videos .video-list {
  margin-bottom: 1rem !important;
} */

.pt_hmpg_vidlst .videos .video-list .video-list-image,
.video-latest-list .video-thumb,
.top-video-wrapper .video-thumb,
.pt_hmpg_vidlst .videos .video-list .video-list-image a,
.video-latest-list .video-thumb a,
.top-video-wrapper .video-thumb a,
.pt_hmpg_vidlst .videos .video-list .video-list-image a img,
.video-latest-list .video-thumb img,
.top-video-wrapper .video-thumb img {
  border-radius: var(--kamerama-radius-sm) !important;
  overflow: hidden;
}

.pt_hmpg_vidlst .pt_vid_fixed_height,
.home-page-categories .videos .video-list .pt_vid_fixed_height,
.video-latest-list .video-title,
.video-latest-list .video-info,
.videos-list .video-wrapper .video-info,
.top-video-wrapper .video-info {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pt_hmpg_vidlst .pt_vid_fixed_height,
.video-latest-list .video-title,
.video-latest-list .video-info,
.top-video-wrapper .video-title,
.top-video-wrapper .video-views {
  padding-inline: 0.05rem !important;
}

.pt_latest_vds .col-md-3:first-child,
.pt_latest_vds .col-md-3:nth-child(2),
.pt_latest_vds .col-md-3:nth-child(3),
.pt_latest_vds .col-md-3:nth-child(4),
.pt_latest_vds .col-md-3:nth-child(5) {
  width: 25% !important;
}

.pt_latest_vds .col-md-3:first-child .video-list .video-list-title,
.pt_latest_vds .col-md-3 .video-list .video-list-title,
.pt_latest_vds .col-md-3 .video-list .video-list-by {
  position: static !important;
  display: block !important;
  padding: 0 !important;
}

.pt_latest_vds .col-md-3 .video-list .video-list-by span,
.pt_latest_vds .col-md-3:first-child .video-list .video-list-by span:first-child {
  display: inline !important;
}

.pt_latest_vds .col-md-3 .video-list .video-list-image a:after {
  display: none !important;
}

.top-video-wrapper .video-thumb {
  float: none !important;
  width: 100% !important;
  margin: 0 0 0.75rem !important;
}

.top-video-wrapper .video-thumb img {
  width: 100% !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.top-video-wrapper .video-info {
  width: 100% !important;
  padding: 0 !important;
}

.top-video-wrapper .video-publisher {
  display: none !important;
}

.top-video-wrapper .video-menu {
  display: none !important;
}

.video-latest-list .video-title h4,
.home-page-categories .videos .video-list .video-list-title h4,
.videos-list .video-wrapper .video-title a,
.top-video-wrapper .video-title a {
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(0.95rem, 1vw, 1.05rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em;
}

.video-list-by,
.video-list-by a,
.video-info,
.video-info a,
.top-video-wrapper .video-views,
.top-video-wrapper .video-views a,
.video-latest-list .video-info,
.home-page-categories .videos .video-list .video-list-by,
.home-page-categories .videos .video-list .video-list-by a {
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(0.82rem, 0.92vw, 0.92rem) !important;
  font-weight: 500;
  line-height: 1.35;
}

.video-list-by .bold,
.video-info .bold,
.video-views .bold {
  color: var(--kamerama-accent-strong) !important;
  font-weight: 700;
}

@media (max-width: 991px) {
  .km-home-added-category .pt_cat_vid_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pt_cat_vid_list > .keep-padding,
  .videos-latest-list.row > .col-md-3,
  .pt_latest_vds > .row > .col-md-3,
  .pt_no_vid_found_top > div:not(.clear),
  .pt_no_vid_found_top > .top-video-wrapper,
  .pt_no_vid_found_trend > .top-video-wrapper {
    width: 50% !important;
    flex-basis: 50%;
    max-width: 50%;
  }

  .km-home-added-category .pt_cat_vid_list > .keep-padding,
  .km-home-added-category .pt_cat_vid_list > .km-video-list-col,
  .km-home-added-category .pt_cat_vid_list > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
  }
}

@media (max-width: 575px) {
  .km-home-added-category .pt_cat_vid_list {
    grid-template-columns: 1fr;
  }

  .pt_cat_vid_list > .keep-padding,
  .videos-latest-list.row > .col-md-3,
  .pt_latest_vds > .row > .col-md-3,
  .pt_no_vid_found_top > div:not(.clear),
  .pt_no_vid_found_top > .top-video-wrapper,
  .pt_no_vid_found_trend > .top-video-wrapper {
    width: 100% !important;
    flex-basis: 100%;
    max-width: 100%;
  }

  .km-home-added-category .pt_cat_vid_list > .keep-padding,
  .km-home-added-category .pt_cat_vid_list > .km-video-list-col,
  .km-home-added-category .pt_cat_vid_list > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
  }
}

.pt_hmpg_vidlst .videos .video-list:hover,
.home-page-categories .videos .video-list:hover,
.videos-list .video-wrapper:hover,
.video-latest-list.video-wrapper:hover,
.video-latest-list .list-video-categoria-new:hover,
.top-video-wrapper:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}

.pt_hmpg_vidlst .pt_vid_fixed_height,
.home-page-categories .videos .video-list .pt_vid_fixed_height,
.video-latest-list .video-title,
.videos-list .video-wrapper .video-info {
  background: transparent !important;
}

/* Home video cards: aligned, clickable, consistent duration */
.pt_home_vid_content:not(.km-home-shorts-section) .videos .row,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_top,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_latest_vds > .row,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_trend {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 2.6vw, 38px) clamp(18px, 2.1vw, 30px);
  align-items: start;
  margin: 0 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos .row::before,
.pt_home_vid_content:not(.km-home-shorts-section) .videos .row::after,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_top::before,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_top::after,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_latest_vds > .row::before,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_latest_vds > .row::after {
  display: none !important;
  content: none !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos .row > .keep-padding,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_top > .keep-padding,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_latest_vds > .row > .col-md-3,
.pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_top > div:not(.clear),
.pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_trend > div:not(.clear) {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  flex: none !important;
  padding: 0 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 8px 8px 12px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short):hover {
  transform: translateY(-3px);
  border-color: rgba(255, 106, 26, .36) !important;
  background: rgba(15, 23, 42, .54) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24) !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #111827 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-image > a,
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-image img {
  object-fit: cover;
  border-radius: inherit !important;
  transition: transform .22s ease, filter .22s ease;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short):hover .video-list-image img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .play_hover_btn {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background: rgba(4, 7, 14, .28);
  color: #fff;
  transition: opacity .18s ease;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short):hover .play_hover_btn {
  opacity: 1;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .play_hover_btn svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.36));
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-duration {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .82) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .pt_vid_fixed_height {
  min-height: 0 !important;
  height: auto !important;
  padding: 11px 2px 2px !important;
  background: transparent !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-title,
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-title a,
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-title h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-title h4 {
  display: -webkit-box !important;
  min-height: 0;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-by,
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-by a,
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-by span {
  color: #9aa8be !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-by {
  margin-top: 5px !important;
  min-width: 0;
  overflow-wrap: anywhere;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-by .bold {
  margin: 0 6px;
  color: rgba(255, 106, 26, .95) !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .video-list-image.km-media-fallback .km-thumb-empty {
  border: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(12, 18, 30, .98)) !important;
  font-size: 12px !important;
}

/* Home "Otros": same block treatment for videos/list.html markup (.video-latest-list).
   Covers JS-hydrated sections and SUBSC_HTML; scoped to Home only. */
.km-home-dynamic-content .video-latest-list.video-wrapper,
.km-home-added-category .video-latest-list.video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 8px 8px 12px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.km-home-dynamic-content .video-latest-list.video-wrapper:hover,
.km-home-added-category .video-latest-list.video-wrapper:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 106, 26, .36) !important;
  background: rgba(15, 23, 42, .54) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24) !important;
}
.km-home-dynamic-content .video-latest-list .video-thumb,
.km-home-added-category .video-latest-list .video-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #111827 !important;
}
.km-home-dynamic-content .video-latest-list .video-thumb > a,
.km-home-dynamic-content .video-latest-list .video-thumb img,
.km-home-added-category .video-latest-list .video-thumb > a,
.km-home-added-category .video-latest-list .video-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.km-home-dynamic-content .video-latest-list .video-thumb img,
.km-home-added-category .video-latest-list .video-thumb img {
  object-fit: cover;
  border-radius: inherit !important;
  transition: transform .22s ease, filter .22s ease;
}
.km-home-dynamic-content .video-latest-list.video-wrapper:hover .video-thumb img,
.km-home-added-category .video-latest-list.video-wrapper:hover .video-thumb img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.km-home-dynamic-content .video-latest-list .play_hover_btn,
.km-home-added-category .video-latest-list .play_hover_btn {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background: rgba(4, 7, 14, .28);
  color: #fff;
  transition: opacity .18s ease;
}
.km-home-dynamic-content .video-latest-list.video-wrapper:hover .play_hover_btn,
.km-home-added-category .video-latest-list.video-wrapper:hover .play_hover_btn {
  opacity: 1;
}
.km-home-dynamic-content .video-latest-list .play_hover_btn svg,
.km-home-added-category .video-latest-list .play_hover_btn svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.36));
}
.km-home-dynamic-content .video-latest-list .video-thumb .video-duration,
.km-home-added-category .video-latest-list .video-thumb .video-duration {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .82) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.km-home-dynamic-content .video-latest-list .video-title,
.km-home-added-category .video-latest-list .video-title {
  min-height: 0 !important;
  height: auto !important;
  padding: 11px 2px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.km-home-dynamic-content .video-latest-list .video-info,
.km-home-added-category .video-latest-list .video-info {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 2px 2px !important;
  background: transparent !important;
  border: 0 !important;
}
.km-home-dynamic-content .video-latest-list .video-title,
.km-home-dynamic-content .video-latest-list .video-title a,
.km-home-dynamic-content .video-latest-list .video-title h4,
.km-home-added-category .video-latest-list .video-title,
.km-home-added-category .video-latest-list .video-title a,
.km-home-added-category .video-latest-list .video-title h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.km-home-dynamic-content .video-latest-list .video-title h4,
.km-home-added-category .video-latest-list .video-title h4 {
  display: -webkit-box !important;
  min-height: 0;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em;
}
/* Title stays white on hover: kills legacy red (#e51f24) hover, Home only. */
.km-home-dynamic-content .video-latest-list .video-title h4:hover,
.km-home-added-category .video-latest-list .video-title h4:hover,
.pt_home_vid_content:not(.km-home-shorts-section) .video-list:not(.short) .video-list-title h4:hover {
  color: #fff !important;
}
.km-home-dynamic-content .video-latest-list .video-info,
.km-home-dynamic-content .video-latest-list .video-info a,
.km-home-dynamic-content .video-latest-list .video-info span,
.km-home-added-category .video-latest-list .video-info,
.km-home-added-category .video-latest-list .video-info a,
.km-home-added-category .video-latest-list .video-info span {
  color: #9aa8be !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
}
.km-home-dynamic-content .video-latest-list .video-info,
.km-home-added-category .video-latest-list .video-info {
  margin-top: 5px !important;
  min-width: 0;
  overflow-wrap: anywhere;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.km-home-dynamic-content .video-latest-list .video-info .bold,
.km-home-added-category .video-latest-list .video-info .bold {
  margin: 0 6px;
  color: rgba(255, 106, 26, .95) !important;
}
.km-home-dynamic-content .video-thumb.km-media-fallback .km-thumb-empty,
.km-home-added-category .video-thumb.km-media-fallback .km-thumb-empty {
  border: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(12, 18, 30, .98)) !important;
  font-size: 12px !important;
}

/* Home catch-all: videos/list.html markup in ANY home grid (server categories.html,
   SUBSC_HTML, HOME_PAGE_VIDEOS), even without dynamic wrappers. pt_home_vid_content
   only exists on Home, so this cannot leak to other pages. */
.pt_home_vid_content .videos .row > .clear {
  display: none !important;
}
.pt_home_vid_content .videos .pt_cat_vid_list > .km-video-list-col,
.pt_home_vid_content .videos .pt_cat_vid_list > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}
.pt_home_vid_content .videos .video-latest-list.video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 8px 8px 12px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.pt_home_vid_content .videos .video-latest-list.video-wrapper:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 106, 26, .36) !important;
  background: rgba(15, 23, 42, .54) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24) !important;
}
.pt_home_vid_content .videos .video-latest-list .video-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #111827 !important;
}
.pt_home_vid_content .videos .video-latest-list .video-thumb > a,
.pt_home_vid_content .videos .video-latest-list .video-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.pt_home_vid_content .videos .video-latest-list .video-thumb img {
  object-fit: cover;
  border-radius: inherit !important;
  transition: transform .22s ease, filter .22s ease;
}
.pt_home_vid_content .videos .video-latest-list.video-wrapper:hover .video-thumb img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.pt_home_vid_content .videos .video-latest-list .play_hover_btn {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background: rgba(4, 7, 14, .28);
  color: #fff;
  transition: opacity .18s ease;
}
.pt_home_vid_content .videos .video-latest-list.video-wrapper:hover .play_hover_btn {
  opacity: 1;
}
.pt_home_vid_content .videos .video-latest-list .play_hover_btn svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.36));
}
.pt_home_vid_content .videos .video-latest-list .video-thumb .video-duration {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .82) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.pt_home_vid_content .videos .video-latest-list .video-title {
  min-height: 0 !important;
  height: auto !important;
  padding: 11px 2px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.pt_home_vid_content .videos .video-latest-list .video-info {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 2px 2px !important;
  background: transparent !important;
  border: 0 !important;
}
.pt_home_vid_content .videos .video-latest-list .video-title,
.pt_home_vid_content .videos .video-latest-list .video-title a,
.pt_home_vid_content .videos .video-latest-list .video-title h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.pt_home_vid_content .videos .video-latest-list .video-title h4 {
  display: -webkit-box !important;
  min-height: 0;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em;
}
.pt_home_vid_content .videos .video-latest-list .video-title h4:hover {
  color: #fff !important;
}
.pt_home_vid_content .videos .video-latest-list .video-info,
.pt_home_vid_content .videos .video-latest-list .video-info a,
.pt_home_vid_content .videos .video-latest-list .video-info span {
  color: #9aa8be !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
}
.pt_home_vid_content .videos .video-latest-list .video-info {
  margin-top: 5px !important;
  min-width: 0;
  overflow-wrap: anywhere;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.pt_home_vid_content .videos .video-latest-list .video-info .bold {
  margin: 0 6px;
  color: rgba(255, 106, 26, .95) !important;
}
.pt_home_vid_content .videos .video-thumb.km-media-fallback .km-thumb-empty {
  border: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(12, 18, 30, .98)) !important;
  font-size: 12px !important;
}

/* Home category filter results: same unified treatment as Todos.
   Explicit scope so filtered grids never depend on section wrappers. */
.km-home-filter-results .km-home-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 2.6vw, 38px) clamp(18px, 2.1vw, 30px);
  align-items: start;
  margin: 0 !important;
}
/* Filtered view browses the whole category: exempt from the 8-item home cap
   (.pt_cat_vid_list > :nth-child(n+9)). Without this, appended pages stay hidden. */
.km-home-filter-results .km-home-filter-grid > :nth-child(n+9) {
  display: block !important;
}
.km-home-filter-results .km-home-filter-grid::before,
.km-home-filter-results .km-home-filter-grid::after,
.km-home-filter-results .km-home-filter-grid > .clear {
  display: none !important;
  content: none !important;
}
.km-home-filter-results .km-home-filter-grid > .km-video-list-col,
.km-home-filter-results .km-home-filter-grid > [class*="col-"],
.km-home-filter-results .km-home-filter-grid > .keep-padding {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}
.km-home-filter-results .video-latest-list.video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 8px 8px 12px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.km-home-filter-results .video-latest-list.video-wrapper:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 106, 26, .36) !important;
  background: rgba(15, 23, 42, .54) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24) !important;
}
.km-home-filter-results .video-latest-list .video-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #111827 !important;
}
.km-home-filter-results .video-latest-list .video-thumb > a,
.km-home-filter-results .video-latest-list .video-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.km-home-filter-results .video-latest-list .video-thumb img {
  object-fit: cover;
  border-radius: inherit !important;
  transition: transform .22s ease, filter .22s ease;
}
.km-home-filter-results .video-latest-list.video-wrapper:hover .video-thumb img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.km-home-filter-results .video-latest-list .play_hover_btn {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background: rgba(4, 7, 14, .28);
  color: #fff;
  transition: opacity .18s ease;
}
.km-home-filter-results .video-latest-list.video-wrapper:hover .play_hover_btn {
  opacity: 1;
}
.km-home-filter-results .video-latest-list .play_hover_btn svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.36));
}
.km-home-filter-results .video-latest-list .video-thumb .video-duration {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .82) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.km-home-filter-results .video-latest-list .video-title {
  min-height: 0 !important;
  height: auto !important;
  padding: 11px 2px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.km-home-filter-results .video-latest-list .video-info {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 2px 2px !important;
  background: transparent !important;
  border: 0 !important;
}
.km-home-filter-results .video-latest-list .video-title,
.km-home-filter-results .video-latest-list .video-title a,
.km-home-filter-results .video-latest-list .video-title h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.km-home-filter-results .video-latest-list .video-title h4 {
  display: -webkit-box !important;
  min-height: 0;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em;
}
.km-home-filter-results .video-latest-list .video-title h4:hover {
  color: #fff !important;
}
.km-home-filter-results .video-latest-list .video-info,
.km-home-filter-results .video-latest-list .video-info a,
.km-home-filter-results .video-latest-list .video-info span {
  color: #9aa8be !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
}
.km-home-filter-results .video-latest-list .video-info {
  margin-top: 5px !important;
  min-width: 0;
  overflow-wrap: anywhere;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.km-home-filter-results .video-latest-list .video-info .bold {
  margin: 0 6px;
  color: rgba(255, 106, 26, .95) !important;
}
.km-home-filter-results .video-thumb.km-media-fallback .km-thumb-empty {
  border: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(12, 18, 30, .98)) !important;
  font-size: 12px !important;
}
@media (max-width: 1100px) {
  .km-home-filter-results .km-home-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .km-home-filter-results .km-home-filter-grid {
    grid-template-columns: 1fr;
  }
}
/* Home filter "Ver más": pill button + loader + end state. */
.km-home-filter-more-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 28px 0 8px;
}
.km-home-filter-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 26px;
  border: 1px solid rgba(255, 106, 26, .4) !important;
  border-radius: 999px !important;
  background: rgba(255, 106, 26, .08) !important;
  color: #ff8a3d !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.km-home-filter-more:hover {
  border-color: rgba(255, 106, 26, .65) !important;
  background: rgba(255, 106, 26, .16) !important;
  transform: translateY(-1px);
}
.km-home-filter-more:disabled {
  opacity: .55;
  cursor: wait;
  transform: none;
}
.km-home-filter-end {
  color: #818999 !important;
  font-size: 13px !important;
  font-weight: 600;
}
.km-home-filter-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 0;
}
.km-home-filter-loader span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff6a1a;
  animation: kmHomeFilterPulse 1s infinite ease-in-out;
}
.km-home-filter-loader span:nth-child(2) {
  animation-delay: .15s;
}
.km-home-filter-loader span:nth-child(3) {
  animation-delay: .3s;
}
@keyframes kmHomeFilterPulse {
  0%, 100% { opacity: .25; transform: scale(.8); }
  50% { opacity: 1; transform: scale(1); }
}

/* Convergencia Todos: los 3 markups rinden idéntico en cualquier grid del Home
   (fijas, Otros, filtradas). Excluye shorts por ancestor :not. */
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.row, .pt_cat_vid_list, .km-home-filter-grid) > :is(.keep-padding, .km-video-list-col, [class*="col-"]) {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 8px 8px 12px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper):hover {
  transform: translateY(-3px);
  border-color: rgba(255, 106, 26, .36) !important;
  background: rgba(15, 23, 42, .54) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24) !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-image, .video-thumb) {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #111827 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-image, .video-thumb) > a,
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-image, .video-thumb) img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-image, .video-thumb) img {
  object-fit: cover;
  border-radius: inherit !important;
  transition: transform .22s ease, filter .22s ease;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper):hover :is(.video-list-image, .video-thumb) img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) .play_hover_btn {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background: rgba(4, 7, 14, .28);
  color: #fff;
  transition: opacity .18s ease;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper):hover .play_hover_btn {
  opacity: 1;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) .play_hover_btn svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.36));
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) .video-duration {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .82) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.pt_vid_fixed_height, .video-list-title, .video-title) {
  min-height: 0 !important;
  height: auto !important;
  padding: 11px 2px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-by, .video-info) {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 2px 2px !important;
  background: transparent !important;
  border: 0 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-title, .video-title),
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-title, .video-title) a,
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-title, .video-title) h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-title, .video-title) h4 {
  display: -webkit-box !important;
  min-height: 0;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-title, .video-title) h4:hover {
  color: #fff !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-by, .video-info),
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-by, .video-info) a,
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-by, .video-info) span {
  color: #9aa8be !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-by, .video-info) {
  margin-top: 5px !important;
  min-width: 0;
  overflow-wrap: anywhere;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-by, .video-info) .bold {
  margin: 0 6px;
  color: rgba(255, 106, 26, .95) !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos :is(.video-list:not(.short), .video-latest-list.video-wrapper) :is(.video-list-image, .video-thumb).km-media-fallback .km-thumb-empty {
  border: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(12, 18, 30, .98)) !important;
  font-size: 12px !important;
}
/* Ritmo final título→meta (autoridad final): el padding vive solo en wrappers.
   Hijos directos para no tocar el markup anidado de Todos. */
.pt_home_vid_content:not(.km-home-shorts-section) .videos .video-latest-list.video-wrapper > .video-title {
  margin: 0 !important;
  padding: 11px 2px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.pt_home_vid_content:not(.km-home-shorts-section) .videos .video-latest-list.video-wrapper > .video-info {
  margin: 5px 0 0 !important;
  padding: 0 2px 2px !important;
  background: transparent !important;
  border: 0 !important;
}

@media (max-width: 1100px) {
  .pt_home_vid_content:not(.km-home-shorts-section) .videos .row,
  .pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_top,
  .pt_home_vid_content:not(.km-home-shorts-section) .pt_latest_vds > .row,
  .pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_trend {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .pt_home_vid_content:not(.km-home-shorts-section) .videos .row,
  .pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_top,
  .pt_home_vid_content:not(.km-home-shorts-section) .pt_latest_vds > .row,
  .pt_home_vid_content:not(.km-home-shorts-section) .pt_no_vid_found_trend {
    grid-template-columns: 1fr;
  }
}

/* Home shorts section: restores mixed vertical/compact card layout. */
.km-home-shorts-section,
.km-home-shorts-section * {
  box-sizing: border-box;
}
.km-home-shorts-section {
  position: relative;
  margin-bottom: clamp(18px, 3vw, 36px) !important;
}
.km-home-shorts-section .home-page-categories,
.km-home-shorts-section .pt_hmpg_vidlst {
  margin-bottom: 0 !important;
}
.km-home-shorts-section .title {
  margin-bottom: clamp(20px, 2.6vw, 34px) !important;
}
.km-home-shorts-section .km-section-heading--shorts {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100%;
  color: #fff !important;
  font-size: clamp(22px, 2.2vw, 32px) !important;
  font-weight: 950 !important;
  letter-spacing: -.035em;
}
.km-home-shorts-section .km-section-heading--shorts > svg {
  flex: 0 0 22px;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}
.km-home-shorts-section .view_more_link {
  margin-left: auto;
}
.km-home-shorts-section .km-home-shorts-grid.row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(18px, 2.1vw, 30px);
  align-items: start;
  margin: 0 !important;
}
.km-home-shorts-section .km-home-shorts-grid::before,
.km-home-shorts-section .km-home-shorts-grid::after,
.km-home-shorts-section .km-home-shorts-grid > .clear {
  display: none !important;
  content: none !important;
}
.km-home-shorts-section .km-home-shorts-grid > .keep-padding {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  flex: 1 1 0;
  padding: 0 !important;
  margin: 0 !important;
}
.km-home-shorts-section .km-home-shorts-grid > .keep-padding:nth-child(n+5) {
  display: none !important;
}
.km-home-shorts-section .video-list.short {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 14;
  min-height: clamp(360px, 30vw, 520px);
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(178,203,238,.08) !important;
  border-radius: 10px !important;
  background: rgba(13, 22, 38, .88) !important;
  box-shadow: none !important;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.km-home-shorts-section .video-list.short:hover {
  border-color: rgba(255,106,26,.38) !important;
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}
.km-home-shorts-section .video-list.short .video-list-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  border-radius: inherit !important;
  background: #101827;
  aspect-ratio: auto !important;
}
.km-home-shorts-section .video-list.short .video-list-image.km-media-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100% !important;
  aspect-ratio: auto !important;
}
.km-home-shorts-section .video-list.short .video-list-image > a {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  border-radius: inherit !important;
  overflow: hidden;
}
.km-home-shorts-section .video-list.short .video-list-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  border-radius: inherit !important;
}
.km-home-shorts-section .video-list.short .video-list-image .km-thumb-empty {
  display: none !important;
}
.km-home-shorts-section .video-list.short .video-list-image:not(.km-media-fallback) .km-thumb-empty,
.km-home-shorts-section .video-list.short .video-list-image:not(.km-media-fallback) > .km-thumb-empty {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.km-home-shorts-section .video-list.short .video-list-image:has(img[src]:not([src=""])) .km-thumb-empty,
.km-home-shorts-section .video-list.short .video-list-image.km-media-fallback:has(img[src]:not([src=""])) .km-thumb-empty {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.km-home-shorts-section .video-list.short .video-list-image.km-media-fallback:has(img[src]:not([src=""]))::after {
  content: none !important;
  display: none !important;
}
.km-home-shorts-section .video-list.short .video-list-image.km-media-fallback .km-thumb-empty {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 16px 16px 110px !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(16,25,42,.95), rgba(10,17,30,.96)) !important;
  color: #9eabc1 !important;
}
.km-home-shorts-section .video-list.short {
  cursor: pointer;
}
.km-home-shorts-section .video-list.short::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(4,7,14,0) 38%, rgba(4,7,14,.82) 100%);
  pointer-events: none;
}
.km-home-shorts-section .video-list.short .video-duration {
  position: absolute !important;
  z-index: 3;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 6px !important;
  border-radius: 3px;
  background: rgba(0,0,0,.72) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1;
}
.km-home-shorts-section .video-list.short .shorts_badge {
  position: absolute;
  z-index: 3;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: rgba(0,0,0,.5);
  color: rgba(255,255,255,.86);
}
.km-home-shorts-section .video-list.short .shorts_badge svg {
  width: 18px;
  height: 18px;
}
.km-home-shorts-section .video-list.short .play_hover_btn {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  background: rgba(4,7,14,.28);
  transition: opacity .16s ease;
}
.km-home-shorts-section .video-list.short:hover .play_hover_btn {
  opacity: 1;
}
.km-home-shorts-section .video-list.short .play_hover_btn svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.32));
}
.km-home-shorts-section .video-list.short .pt_vid_fixed_height {
  position: absolute !important;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 0 !important;
  max-height: none !important;
  padding: 12px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.km-home-shorts-section .video-list.short .video-list-title,
.km-home-shorts-section .video-list.short .video-list-title a,
.km-home-shorts-section .video-list.short .video-list-title h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.km-home-shorts-section .video-list.short .video-list-title h4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.14 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.km-home-shorts-section .video-list.short .video-list-by,
.km-home-shorts-section .video-list.short .video-list-by a {
  color: #aeb9cc !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}
.km-home-shorts-section .video-list.short .video-list-by {
  margin-top: 5px !important;
}
.km-home-shorts-section .video-list.short .video-list-by > div,
.km-home-shorts-section .video-list.short .video-list-by br {
  display: none !important;
}
.km-home-shorts-section .video-list.short .video-list-by a::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  border-radius: 50%;
  background: #ff202f;
  box-shadow: 0 0 0 2px rgba(255,32,47,.18);
}
.km-home-shorts-section .km-home-shorts-grid > .keep-padding:first-child .video-list.short {
  height: auto;
  aspect-ratio: 9 / 14;
  min-height: clamp(360px, 30vw, 520px);
  border-radius: 10px !important;
}
.km-home-shorts-section .km-home-shorts-grid > .keep-padding:first-child .video-list-title h4 {
  font-size: 15px !important;
}

@media (max-width: 82em) {
  .km-home-shorts-section .km-home-shorts-grid.row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 2.2vw, 28px);
  }
  .km-home-shorts-section .km-home-shorts-grid > .keep-padding:nth-child(n+5) {
    display: none !important;
  }
}

@media (max-width: 62em) {
  .km-home-shorts-section .km-home-shorts-grid.row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .km-home-shorts-section .km-home-shorts-grid > .keep-padding:first-child {
    flex-basis: auto;
  }
  .km-home-shorts-section .km-home-shorts-grid > .keep-padding:nth-child(n+5) {
    display: none !important;
  }
  .km-home-shorts-section .video-list.short,
  .km-home-shorts-section .km-home-shorts-grid > .keep-padding:first-child .video-list.short {
    height: auto;
    min-height: 0;
    aspect-ratio: 9 / 14;
  }
}

@media (max-width: 36em) {
  .km-home-shorts-section .km-home-shorts-grid.row {
    display: flex !important;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
  }
  .km-home-shorts-section .km-home-shorts-grid > .keep-padding {
    flex: 0 0 min(72vw, 240px) !important;
    scroll-snap-align: start;
  }
  .km-home-shorts-section .video-list.short,
  .km-home-shorts-section .km-home-shorts-grid > .keep-padding:first-child .video-list.short {
    height: auto;
    aspect-ratio: 9 / 15;
  }
}

.pt_categories ul li,
.article-categories .pt_categories ul li,
.categories ul li,
.home-page-categories .pt_categories ul li,
.pt_homep_categories .pt_categories ul li,
.category-button,
.tag-btn {
  background: var(--kamerama-bg-chip) !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: 9px !important;
  color: var(--kamerama-text-soft) !important;
}

.pt_categories ul li a,
.article-categories .pt_categories ul li a,
.categories ul li a,
.home-page-categories .pt_categories ul li a,
.pt_homep_categories .pt_categories ul li a,
.category-button,
.tag-btn {
  color: var(--kamerama-text-soft) !important;
}

.pt_categories ul li.active,
.pt_categories ul li:hover,
.article-categories .pt_categories ul li.active,
.article-categories .pt_categories ul li:hover,
.categories ul li.active,
.categories ul li:hover,
.home-page-categories .pt_categories ul li.active,
.home-page-categories .pt_categories ul li:hover,
.pt_homep_categories .pt_categories ul li.active,
.pt_homep_categories .pt_categories ul li:hover,
.category-button.active,
.category-button:hover,
.tag-btn.active,
.tag-btn:hover {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-dark)) !important;
  border-color: var(--kamerama-card-hover-border) !important;
  color: var(--kamerama-white) !important;
}

.pt_categories ul li.active a,
.pt_categories ul li:hover a,
.article-categories .pt_categories ul li.active a,
.article-categories .pt_categories ul li:hover a,
.categories ul li.active a,
.categories ul li:hover a,
.home-page-categories .pt_categories ul li.active a,
.home-page-categories .pt_categories ul li:hover a,
.pt_homep_categories .pt_categories ul li.active a,
.pt_homep_categories .pt_categories ul li:hover a {
  color: var(--kamerama-white) !important;
}

.pt_hmpg_hr,
hr {
  border-color: var(--kamerama-border) !important;
}

/* Kamerama footer dark skin */
.pt_footer,
footer.pt_footer {
  background: var(--kamerama-bg) !important;
  color: var(--kamerama-text-muted) !important;
  font-family: var(--kamerama-font-sans) !important;
}

.pt_footer .container-fluid {
  background: linear-gradient(180deg, transparent, var(--kamerama-sidebar-bg) 38%) !important;
  border-top: 1px solid var(--kamerama-border) !important;
  box-shadow: 0 -1rem 2.125rem rgba(0, 0, 0, 0.22) !important;
}

.pt_footer .container,
.pt_footer .phone-container {
  background: transparent !important;
}

.pt_footer .footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kamerama-footer-gap);
  padding: var(--kamerama-footer-padding) 0;
  color: var(--kamerama-text-muted) !important;
  font-size: clamp(1rem, 1vw, 1.8125rem);
  letter-spacing: 0.01em;
}

.pt_footer .footer-copyright {
  color: var(--kamerama-text-muted) !important;
  font-size: clamp(1rem, 1vw, 1.8125rem);
  font-weight: 500;
}

.pt_footer .footer-links ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--kamerama-footer-gap) clamp(0.75rem, 1vw, 1rem);
  margin: 0;
  padding: 0;
}

.pt_footer .footer-links li {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--kamerama-text-muted) !important;
}

.pt_footer .footer-links a,
.pt_footer .pt_foot_lang > a {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  color: var(--kamerama-text-soft) !important;
  font-size: clamp(0.75rem, 0.8vw, 0.8125rem);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none !important;
  transition: color 0.18s ease, background-color 0.18s ease;
}

.pt_footer .footer-links a:hover,
.pt_footer .pt_foot_lang > a:hover {
  color: var(--kamerama-accent-strong) !important;
}

.pt_footer .footer-links svg,
.pt_footer .pt_foot_lang svg.feather {
  width: 0.875rem !important;
  height: 0.875rem !important;
  color: var(--kamerama-accent-strong) !important;
  stroke: currentColor !important;
}

.pt_footer .pt_language_select,
.pt_language_select {
  background: var(--kamerama-bg-card) !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: var(--kamerama-radius-md) !important;
  box-shadow: 0 1.375rem 2.75rem rgba(0, 0, 0, 0.38) !important;
  overflow: hidden;
}

.pt_footer .pt_language_select:before,
.pt_language_select:before {
  background: var(--kamerama-bg-card) !important;
  border-left: 1px solid var(--kamerama-border) !important;
  border-top: 1px solid var(--kamerama-border) !important;
}

.pt_footer .pt_language_select li a,
.pt_language_select li a {
  color: var(--kamerama-text-soft) !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(0.75rem, 0.85vw, 0.8125rem) !important;
}

.pt_footer .pt_language_select li a:hover,
.pt_language_select li a:hover {
  background: var(--kamerama-focus-ring) !important;
  color: var(--kamerama-accent-strong) !important;
}

@media (max-width: 767px) {
  .pt_footer .footer-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .pt_footer .footer-links ul {
    justify-content: center;
  }
}

/* Kamerama responsive polish */
nav.navbar-findcond.header-layout,
nav.navbar-findcond .pt_main_hdr,
nav.navbar-findcond .navbar-header,
nav.navbar-findcond .search-header {
  border: 0 !important;
}

nav.navbar-findcond.header-layout {
  border-bottom: 0 !important;
  box-shadow: none !important;
  height: var(--kamerama-header-height) !important;
}

header,
header .clear {
  background: var(--kamerama-bg) !important;
}

#main-container.main-content {
  padding-top: var(--kamerama-content-top-gap) !important;
}

.page-margin.video-player-page.pt_homepg_whote_bg,
.pt_homepg_whote_bg {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.pl_feat_vid_slider {
  margin: 0 0 clamp(1rem, 2vw, 1.75rem) !important;
}

.pl_feat_vid_slide {
  padding: var(--kamerama-hero-pad) var(--kamerama-hero-pad) 0 !important;
}

.pl_feat_vid_slide > .container,
.pt_featured_video,
.pt_featured_video .video-player,
.pt_featured_video .video-player > a,
.pt_featured_video .thumbnail_holder,
.pt_fv_blur_img,
.pt_fv_blur_img > div {
  height: var(--kamerama-hero-height) !important;
  min-height: 0 !important;
  max-height: none !important;
}

.pl_feat_vid_slide > .container {
  width: min(100%, 92rem) !important;
  padding: 0 !important;
}

.pt_featured_video {
  padding: 0 !important;
}

.pt_fv_blur_img {
  left: var(--kamerama-hero-pad) !important;
  right: var(--kamerama-hero-pad) !important;
  border-radius: var(--kamerama-radius-lg) !important;
}

.pt_featured_video .thumbnail_holder {
  border-radius: var(--kamerama-radius-lg) !important;
  background: linear-gradient(135deg, #100726 0%, #07152e 45%, #040711 100%) !important;
}

.pt_featured_video .thumbnail_holder img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.pt_featured_video .thumbnail_holder img[src=""],
.pt_featured_video .thumbnail_holder img:not([src]) {
  display: none;
}

.pt_featured_video .video-player .video-title {
  left: clamp(1rem, 3vw, 2.75rem) !important;
  right: clamp(1rem, 3vw, 2.75rem) !important;
  bottom: clamp(1rem, 2vw, 1.75rem) !important;
  padding: clamp(1rem, 2.2vw, 2rem) !important;
  background: rgba(3, 5, 13, 0.78) !important;
  border: 1px solid var(--kamerama-overlay-border) !important;
  border-radius: var(--kamerama-radius-lg) !important;
}

.pt_featured_video .video-player .video-big-title a {
  font-size: clamp(1.25rem, 2.4vw, 2rem) !important;
  line-height: 1.12 !important;
}

.pt_featured_video h4 {
  top: clamp(1rem, 1.8vw, 1.5rem) !important;
  left: clamp(1rem, 2.2vw, 2rem) !important;
  background: rgba(3, 5, 13, 0.72) !important;
}

.pt_sec_nav_cats {
  margin-top: 0 !important;
  padding-top: 0 !important;
  text-align: center;
  width: 100%;
}

.pt_sec_nav_cats .title {
  margin-bottom: clamp(0.75rem, 1vw, 1rem) !important;
}

.pt_sec_nav_cats .title h4 {
  justify-content: center;
  font-size: clamp(1rem, 1.35vw, 1.25rem) !important;
}

.pt_sec_nav_slide_prnt {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.3vw, 1rem);
  width: 100%;
  padding: 0 !important;
  overflow: visible !important;
}

.pt_sec_nav_slide {
  display: flex !important;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(0.5rem, 1vw, 0.875rem);
  min-width: 0;
  height: auto !important;
  transform: none !important;
  transition: max-height 0.25s ease;
}

.pt_sec_nav_slide_prnt.km-categories-collapsed .pt_sec_nav_slide {
  max-height: 2.7rem;
  overflow: hidden;
}

.pt_sec_nav_slide_prnt:not(.km-categories-collapsed) .pt_sec_nav_slide {
  max-height: 100rem;
}

.pt_sec_nav_slide > div,
.pt_sec_nav_slide .swiper-slide {
  width: auto !important;
  margin: 0 !important;
}

.pt_sec_nav_slide > div a,
.pt_sec_nav_slide .swiper-slide a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-height: 2.5rem;
  padding: 0 clamp(1.15rem, 1.6vw, 1.65rem) !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: var(--kamerama-radius-sm) !important;
  background: var(--kamerama-bg-chip) !important;
  color: var(--kamerama-text-soft) !important;
  font-family: var(--kamerama-font-sans);
  font-size: clamp(1.045rem, 1.08vw, 1.175rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-decoration: none !important;
}

.km-category-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.3rem;
  height: 1.3rem;
  flex: 0 0 1.3rem;
  background: currentColor;
  color: currentColor;
  opacity: 0.9;
  -webkit-mask: var(--km-category-icon) center / contain no-repeat;
  mask: var(--km-category-icon) center / contain no-repeat;
}

.pt_sec_nav_slide > div a.active .km-category-icon,
.pt_sec_nav_slide > div a:hover .km-category-icon,
.pt_sec_nav_slide .swiper-slide a.active .km-category-icon,
.pt_sec_nav_slide .swiper-slide a:hover .km-category-icon {
  opacity: 1;
}

.pt_sec_nav_slide > div a:before,
.pt_sec_nav_slide .swiper-slide a:before {
  display: none !important;
}

.pt_sec_nav_slide > div a.active,
.pt_sec_nav_slide > div a:hover,
.pt_sec_nav_slide .swiper-slide a.active,
.pt_sec_nav_slide .swiper-slide a:hover {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-dark)) !important;
  border-color: var(--kamerama-card-hover-border) !important;
  color: var(--kamerama-white) !important;
}

.pt_sec_nav_slide_prnt .swiper-button-next,
.pt_sec_nav_slide_prnt .swiper-button-prev {
  display: none !important;
}

.km-categories-toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-height: 2.5rem;
  padding: 0 clamp(1rem, 1.4vw, 1.35rem);
  border: 1px solid var(--kamerama-card-hover-border);
  border-radius: var(--kamerama-radius-sm);
  background: linear-gradient(90deg, rgba(227, 16, 23, 0.18), rgba(161, 27, 28, 0.22));
  color: var(--kamerama-white);
  font-family: var(--kamerama-font-sans);
  font-size: clamp(1.025rem, 1.05vw, 1.125rem);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.km-categories-toggle__arrow {
  width: 0.45rem;
  height: 0.45rem;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateY(-0.1rem) rotate(45deg);
  transition: transform 0.18s ease;
}

.km-categories-menu-open .km-categories-toggle__arrow {
  transform: translateY(0.12rem) rotate(225deg);
}

.km-categories-toggle:hover,
.km-categories-toggle:focus {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-dark));
  color: var(--kamerama-white);
}

.km-categories-toggle.is-hidden {
  display: none;
}

.km-categories-dropdown {
  position: absolute;
  top: calc(100% + 0.7rem);
  right: 0;
  z-index: 15;
  display: none;
  grid-template-columns: repeat(2, minmax(10rem, 1fr));
  gap: 0.5rem;
  width: min(26rem, calc(100vw - 2rem));
  padding: 0.75rem;
  border: 1px solid var(--kamerama-border);
  border-radius: var(--kamerama-radius-lg);
  background: rgba(8, 12, 24, 0.98);
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.42);
}

.km-categories-menu-open .km-categories-dropdown {
  display: grid;
}

.km-categories-dropdown a {
  display: inline-flex !important;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.5rem;
  padding: 0 0.875rem !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: var(--kamerama-radius-sm) !important;
  background: var(--kamerama-bg-chip) !important;
  color: var(--kamerama-text-soft) !important;
  font-family: var(--kamerama-font-sans);
  font-size: clamp(1.045rem, 1.08vw, 1.175rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.km-categories-dropdown a:hover,
.km-categories-dropdown a.active {
  background: linear-gradient(90deg, var(--kamerama-accent), var(--kamerama-accent-dark)) !important;
  border-color: var(--kamerama-card-hover-border) !important;
  color: var(--kamerama-white) !important;
}

.pt_hmpg_hr {
  margin: clamp(1rem, 2vw, 1.75rem) 0 !important;
}

#header_ad_:empty,
#footer_ad_:empty,
.announcement-renderer:empty,
.ads-placment:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.announcement-renderer,
.ads-placment {
  background: transparent !important;
  margin-top: 0 !important;
}

#header_ad_,
#footer_ad_ {
  min-height: 0 !important;
}

#header_ad_:not(:has(*)),
#footer_ad_:not(:has(*)),
.announcement-renderer:not(:has(*)) {
  display: none !important;
}

nav.navbar-findcond .pt_main_hdr,
nav.navbar-findcond .navbar-header {
  min-height: var(--kamerama-header-height) !important;
}

nav.navbar-findcond .search-header {
  width: var(--kamerama-search-width) !important;
  max-width: min(56vw, 48rem);
  margin-block: calc((var(--kamerama-header-height) - 3.125rem) / 2) !important;
}

nav.navbar-findcond .search-header > .form-group {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.125rem;
}

nav.navbar-findcond .search-header input,
nav.navbar-findcond .search-header .form-control {
  width: 100% !important;
  height: 3.125rem !important;
  padding: 0 4.75rem 0 1.45rem !important;
  border-radius: var(--kamerama-radius-pill) !important;
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important;
}

nav.navbar-findcond .search-header svg.feather:not(.km-search-icon) {
  display: none !important;
}

.km-search-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.25rem;
  height: 3.125rem;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--kamerama-border);
  border-radius: 0 var(--kamerama-radius-pill) var(--kamerama-radius-pill) 0;
  background: rgba(8, 12, 24, 0.68);
  color: var(--kamerama-text-soft);
}

.km-search-submit svg {
  width: 2.35rem;
  height: 2rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.km-search-submit:hover,
.km-search-submit:focus {
  color: var(--kamerama-white);
  background: rgba(227, 16, 23, 0.16);
}

nav.navbar-findcond.header-layout .navbar-right,
nav.navbar-findcond.header-layout .topbar-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
  height: var(--kamerama-header-height);
  margin: 0 !important;
  padding: 0 !important;
  float: right !important;
}

nav.navbar-findcond.header-layout .navbar-right > li,
nav.navbar-findcond.header-layout .topbar-actions > li {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  float: none !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

nav.navbar-findcond.header-layout .navbar-right > li.mobile-search-trigger,
nav.navbar-findcond.header-layout .topbar-actions > li.mobile-search-trigger,
nav.navbar-findcond.header-layout .navbar-right > li.show-in-mobile:has(> .search-icon),
nav.navbar-findcond.header-layout .topbar-actions > li.show-in-mobile:has(> .search-icon) {
  display: none !important;
}

nav.navbar-findcond.header-layout .navbar-right > li.show-in-mobile > .search-icon,
nav.navbar-findcond.header-layout .topbar-actions > li.show-in-mobile > .search-icon,
nav.navbar-findcond.header-layout .navbar-right .search-icon,
nav.navbar-findcond.header-layout .topbar-actions .search-icon {
  display: none !important;
}

nav.navbar-findcond.header-layout .upload-button,
nav.navbar-findcond.header-layout .import-button,
nav.navbar-findcond.header-layout a[href*="upload-video"],
nav.navbar-findcond.header-layout a[href*="import-video"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.35rem;
  min-height: 2.35rem;
  margin: 0 !important;
  padding: 0 0.95rem !important;
  border: 1px solid rgba(255, 106, 26, 0.26) !important;
  border-radius: var(--kamerama-radius-pill) !important;
  background: linear-gradient(180deg, rgba(255, 106, 26, 0.13), rgba(255, 106, 26, 0.045)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
  color: var(--kamerama-text-soft) !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  animation: none !important;
}

nav.navbar-findcond.header-layout .upload-button svg,
nav.navbar-findcond.header-layout .import-button svg,
nav.navbar-findcond.header-layout a[href*="upload-video"] svg,
nav.navbar-findcond.header-layout a[href*="import-video"] svg,
nav.navbar-findcond.header-layout .topbar-icon-button svg,
nav.navbar-findcond.header-layout a[href*="messages"] svg,
nav.navbar-findcond.header-layout #get-notifications svg {
  display: none !important;
}

nav.navbar-findcond.header-layout .upload-button:before,
nav.navbar-findcond.header-layout a[href*="upload-video"]:before,
nav.navbar-findcond.header-layout .import-button:before,
nav.navbar-findcond.header-layout a[href*="import-video"]:before,
nav.navbar-findcond.header-layout .topbar-icon-button:before,
nav.navbar-findcond.header-layout a[href*="messages"]:before,
nav.navbar-findcond.header-layout #get-notifications:before {
  content: "";
  display: inline-flex;
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 0 !important;
  flex: 0 0 1.2rem;
  background: currentColor;
  -webkit-mask: var(--km-topbar-icon) center / contain no-repeat;
  mask: var(--km-topbar-icon) center / contain no-repeat;
}

nav.navbar-findcond.header-layout .upload-button,
nav.navbar-findcond.header-layout a[href*="upload-video"] {
  --km-topbar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9' d='M12 16V5m-4 4 4-4 4 4M5 19h14'/%3E%3C/svg%3E");
}

nav.navbar-findcond.header-layout .import-button,
nav.navbar-findcond.header-layout a[href*="import-video"] {
  --km-topbar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9' d='M12 5v11m-4-4 4 4 4-4M5 19h14'/%3E%3C/svg%3E");
}

nav.navbar-findcond.header-layout .upload-button:hover,
nav.navbar-findcond.header-layout .upload-button:focus,
nav.navbar-findcond.header-layout .import-button:hover,
nav.navbar-findcond.header-layout .import-button:focus,
nav.navbar-findcond.header-layout a[href*="upload-video"]:hover,
nav.navbar-findcond.header-layout a[href*="upload-video"]:focus,
nav.navbar-findcond.header-layout a[href*="import-video"]:hover,
nav.navbar-findcond.header-layout a[href*="import-video"]:focus {
  border-color: rgba(255, 106, 26, 0.58) !important;
  background: linear-gradient(180deg, rgba(255, 106, 26, 0.22), rgba(255, 106, 26, 0.1)) !important;
  color: var(--kamerama-white) !important;
  box-shadow: 0 0.75rem 1.6rem rgba(255, 106, 26, 0.14) !important;
}

nav.navbar-findcond.header-layout .topbar-icon-button,
nav.navbar-findcond.header-layout a[href*="messages"],
nav.navbar-findcond.header-layout #get-notifications {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: var(--kamerama-radius-pill) !important;
  background: rgba(17, 24, 39, 0.62) !important;
  color: var(--kamerama-text-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018) !important;
  text-decoration: none !important;
}

nav.navbar-findcond.header-layout .topbar-icon-button:hover,
nav.navbar-findcond.header-layout .topbar-icon-button:focus,
nav.navbar-findcond.header-layout .topbar-notify-item.open > .topbar-icon-button,
nav.navbar-findcond.header-layout .topbar-message-item.active > .topbar-icon-button,
nav.navbar-findcond.header-layout .topbar-icon-button.active,
nav.navbar-findcond.header-layout a[href*="messages"]:hover,
nav.navbar-findcond.header-layout a[href*="messages"]:focus,
nav.navbar-findcond.header-layout #get-notifications:hover,
nav.navbar-findcond.header-layout #get-notifications:focus {
  border-color: rgba(255, 106, 26, 0.42) !important;
  background: rgba(255, 106, 26, 0.12) !important;
  color: var(--kamerama-accent-strong) !important;
}

nav.navbar-findcond.header-layout .topbar-message-item .topbar-icon-button,
nav.navbar-findcond.header-layout a[href*="messages"] {
  --km-topbar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.85' d='M5 6.5h14M5 11.5h9M5 16.5h6M4 4h16v12.5H9.5L4 20V4Z'/%3E%3C/svg%3E");
}

nav.navbar-findcond.header-layout .topbar-message-item {
  position: relative;
}

nav.navbar-findcond.header-layout .messages-dropdown {
  right: 0 !important;
  left: auto !important;
  top: calc(100% + 12px) !important;
  width: 360px;
  max-height: min(620px, calc(100vh - var(--kamerama-header-height) - 24px));
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 98, 51, .18), transparent 34%),
    linear-gradient(180deg, rgba(9, 17, 31, .98), rgba(5, 10, 20, .98)) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .48) !important;
}

nav.navbar-findcond.header-layout .topbar-message-item.open > .messages-dropdown {
  display: block !important;
}

nav.navbar-findcond.header-layout .messages-dropdown-header h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 15px 16px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  color: #f8fbff;
  font-size: 14px;
  font-weight: 800;
}

nav.navbar-findcond.header-layout .messages-dropdown-header h5 b,
nav.navbar-findcond.header-layout .messages-dropdown-header #all-messages {
  color: #ffb08f;
  font-weight: 900;
}

nav.navbar-findcond.header-layout .messages-dropdown a[href*="messages"] {
  width: auto !important;
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

nav.navbar-findcond.header-layout .messages-dropdown a[href*="messages"]:before {
  display: none !important;
}

nav.navbar-findcond.header-layout .messages-dropdown-list {
  max-height: 448px;
  margin: 0;
  padding: 8px;
  overflow-y: auto;
  list-style: none;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .user-list {
  height: auto !important;
  margin: 0 0 4px;
  border: 0 !important;
  border-radius: 13px;
  list-style: none;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .user-list > a {
  position: relative;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  min-height: 58px;
  padding: 8px 10px !important;
  border-radius: 13px;
  color: #dbeafe !important;
  background: transparent !important;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .user-list > a:hover,
nav.navbar-findcond.header-layout .messages-dropdown-list .user-list > a:focus {
  background: rgba(255, 99, 51, .13) !important;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .user-avatar {
  grid-row: 1 / 3;
  width: 42px !important;
  height: 42px;
  margin: 0 !important;
  overflow: hidden;
  float: none !important;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 99, 51, .25), rgba(59, 130, 246, .12));
  color: transparent;
  font-size: 0;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .user-avatar img {
  display: block;
  width: 42px !important;
  height: 42px;
  object-fit: cover;
  border-radius: 50% !important;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .user-name {
  grid-column: 2;
  margin: 2px 0 0 !important;
  overflow: hidden;
  color: #f8fbff !important;
  font-size: 12px;
  font-weight: 800 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .user-last-message {
  grid-column: 2 / 4;
  overflow: hidden;
  color: #97a5bb !important;
  font-size: 11px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .time {
  grid-column: 3;
  float: none !important;
  margin: 3px 0 0 !important;
  color: #8794aa !important;
  font-size: 11px !important;
}

nav.navbar-findcond.header-layout .messages-dropdown-list .countunseen {
  position: absolute;
  right: 10px;
  bottom: 8px;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #ff6333 !important;
}

nav.navbar-findcond.header-layout .messages-dropdown-empty {
  padding: 26px 16px;
  color: #97a5bb;
  font-size: 13px;
  text-align: center;
}

nav.navbar-findcond.header-layout .messages-dropdown-footer {
  padding: 10px;
  border-top: 1px solid rgba(148, 163, 184, .12);
}

nav.navbar-findcond.header-layout .messages-dropdown-footer > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 40px;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 99, 51, .42);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 99, 51, .22), rgba(255, 99, 51, .09));
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown {
  right: 0 !important;
  left: auto !important;
  top: calc(100% + 12px) !important;
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
  max-height: min(620px, calc(100vh - var(--kamerama-header-height) - 24px));
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 98, 51, .18), transparent 34%),
    linear-gradient(180deg, rgba(9, 17, 31, .98), rgba(5, 10, 20, .98)) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .48) !important;
  color: #dbeafe !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown > li > h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 !important;
  padding: 15px 16px 12px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
  background: transparent !important;
  color: #f8fbff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown > li > h5 b,
nav.navbar-findcond.header-layout .notfi-dropdown #all-notifications {
  color: #ffb08f;
  font-weight: 900;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list {
  max-height: 448px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow-y: auto !important;
  background: transparent !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li.notifications-list {
  display: block !important;
  width: 100% !important;
  min-height: 58px;
  margin: 0 0 4px !important;
  padding: 8px 10px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #dbeafe !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li.notifications-list:hover {
  background: rgba(255, 99, 51, .13) !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li.notifications-list > a {
  display: block !important;
  min-height: 42px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li.notifications-list > a:before {
  display: none !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li div.avatar {
  width: 42px !important;
  height: 42px !important;
  margin: 0 10px 0 0 !important;
  overflow: hidden;
  float: left !important;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 99, 51, .25), rgba(59, 130, 246, .12));
  color: transparent;
  font-size: 0;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li div.avatar img {
  display: block;
  width: 42px !important;
  height: 42px !important;
  object-fit: cover;
  border-radius: 50% !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li div.notifications-info {
  min-width: 0;
  overflow: hidden;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li div.notifications-info p {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #dbeafe !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li div.notifications-info p a,
nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li div.notifications-info p .main-color {
  color: #f8fbff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li div.notifications-info time {
  display: block;
  margin-top: 4px !important;
  color: #97a5bb !important;
  font-size: 11px !important;
  line-height: 1.2;
}

nav.navbar-findcond.header-layout .notfi-dropdown ul#notifications-list li.no-notifications {
  padding: 26px 16px !important;
  border: 0 !important;
  background: transparent !important;
  color: #97a5bb !important;
  font-size: 13px !important;
  text-align: center;
}

nav.navbar-findcond.header-layout .topbar-message-item .topbar-icon-button:before,
nav.navbar-findcond.header-layout a[href*="messages"]:before,
nav.navbar-findcond.header-layout .topbar-notify-item .topbar-icon-button:before,
nav.navbar-findcond.header-layout #get-notifications:before {
  width: 1.45rem !important;
  height: 1.45rem !important;
  flex-basis: 1.45rem;
}

nav.navbar-findcond.header-layout .topbar-notify-item .topbar-icon-button,
nav.navbar-findcond.header-layout #get-notifications {
  --km-topbar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.85' d='M18 9.2c0-3.25-2.35-5.7-6-5.7s-6 2.45-6 5.7c0 4.75-2 6.4-2 6.4h16s-2-1.65-2-6.4ZM9.75 19a2.4 2.4 0 0 0 4.5 0M12 2v1.5'/%3E%3C/svg%3E");
}

nav.navbar-findcond.header-layout .mobile-search-trigger .topbar-icon-button svg {
  display: block !important;
  fill: currentColor !important;
  stroke: none !important;
}

nav.navbar-findcond.header-layout .mobile-search-trigger .topbar-icon-button:before {
  display: none !important;
}

nav.navbar-findcond.header-layout .topbar-divider {
  width: 1px;
  height: 1.5rem;
  margin: 0 0.15rem !important;
  background: var(--kamerama-border);
}

nav.navbar-findcond.header-layout #new-messages,
nav.navbar-findcond.header-layout #new-notifications {
  position: absolute !important;
  top: -0.22rem !important;
  right: -0.18rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 1.05rem;
  height: 1.05rem;
  padding: 0 0.25rem;
  border-color: var(--kamerama-header-bg-solid) !important;
  border: 2px solid var(--kamerama-header-bg-solid) !important;
  border-radius: 999px;
  background: var(--kamerama-accent-strong) !important;
  color: #fff !important;
  font-size: 0.62rem;
  font-weight: 900;
  line-height: 1;
}

nav.navbar-findcond.header-layout #new-messages:empty,
nav.navbar-findcond.header-layout #new-notifications:empty {
  display: none !important;
}

nav.navbar-findcond.header-layout #new-messages b,
nav.navbar-findcond.header-layout #new-notifications b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: auto;
  padding: 0;
  color: #fff !important;
  font-size: inherit;
  font-weight: 900;
}

nav.navbar-findcond .search-header:before,
nav.navbar-findcond .search-header:after,
nav.navbar-findcond.header-layout:before,
nav.navbar-findcond.header-layout:after {
  display: none !important;
  border: 0 !important;
  content: none !important;
}

nav.navbar-findcond .search-header .search-dropdown {
  background: var(--kamerama-bg-card) !important;
  border: 1px solid var(--kamerama-border) !important;
  color: var(--kamerama-text-soft) !important;
}

nav.navbar-findcond .search-header .search-dropdown .search-result:hover {
  background: var(--kamerama-focus-ring) !important;
}

nav.navbar-findcond .search-header .search-dropdown .search-result a {
  color: var(--kamerama-text-soft) !important;
}

.yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand {
  border-bottom: 0 !important;
  padding-bottom: clamp(1rem, 1.5vw, 1.25rem) !important;
}

.yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand img {
  width: 100% !important;
  max-width: var(--kamerama-logo-width) !important;
  max-height: clamp(3.625rem, 5vw, 8.5rem) !important;
}

.yp_side_drawer:not(.kamerama-sidebar) ul.sections {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.footer-container,
.footer-container .footer-links,
.footer-container .footer-links > ul,
.footer-container .footer-links > ul > li,
.footer-container .footer-copyright,
.pt_footer,
.pt_footer .container-fluid,
.pt_footer .container,
.pt_footer .phone-container,
.pt_footer .footer-container {
  background: var(--kamerama-bg) !important;
  color: var(--kamerama-text-muted) !important;
  font-family: var(--kamerama-font-sans) !important;
}

.pt_footer .container-fluid {
  border-top: 1px solid var(--kamerama-border) !important;
}

.footer-container .footer-links > ul > li a,
.pt_footer .footer-links a,
.pt_footer .footer-copyright {
  color: var(--kamerama-text-muted) !important;
}

.footer-container .footer-links > ul > li a:hover,
.pt_footer .footer-links a:hover {
  color: var(--kamerama-accent-strong) !important;
}

@media (min-width: 1200px) {
  .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand img {
    max-width: var(--kamerama-logo-width) !important;
  }

  nav.navbar-findcond .search-header input {
    width: 100% !important;
  }
}

@media (min-width: 1920px) {
  :root {
    --kamerama-hero-height: clamp(22rem, 32vw, 36rem);
  }

  .km-home-hero {
    grid-template-columns: minmax(22rem, 0.4fr) minmax(34rem, 0.6fr);
    padding-inline: clamp(4rem, 6vw, 8rem);
  }

  .km-home-hero__content {
    max-width: 46rem;
  }

  .km-home-hero__eyebrow {
    font-size: clamp(4.2rem, 3.4vw, 5.4rem);
  }

  .km-home-hero h1 {
    font-size: clamp(8.8rem, 7vw, 11rem);
  }

  .km-home-hero__copy {
    max-width: 34rem;
    font-size: clamp(1.7rem, 1.25vw, 2rem);
  }

  .km-home-hero__visual {
    width: 118%;
    height: 215%;
    margin-top: 4%;
  }
}

@media (min-width: 992px) {
  #main-container.main-content {
    padding-top: var(--kamerama-content-top-gap) !important;
  }

  nav.navbar-findcond .search-header input {
    width: 100% !important;
    height: 3.125rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --kamerama-hero-height: clamp(18rem, 40vw, 26rem);
  }

  .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand img {
    max-width: var(--kamerama-logo-width) !important;
  }

  nav.navbar-findcond .search-header input {
    width: 100% !important;
  }

  .km-home-hero {
    grid-template-columns: minmax(17rem, 0.44fr) minmax(22rem, 0.56fr);
    padding: clamp(1.75rem, 3.6vw, 3.25rem);
  }

  .km-home-hero__content {
    max-width: 31rem;
  }

  .km-home-hero__eyebrow {
    font-size: clamp(2rem, 4vw, 3.25rem);
  }

  .km-home-hero h1 {
    margin-top: -0.55rem;
    font-size: clamp(4.8rem, 9vw, 7.4rem);
  }

  .km-home-hero__copy {
    max-width: 25rem;
    font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  }

  .km-home-hero__visual {
    width: 118%;
    height: 185%;
    margin-top: 2%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --kamerama-hero-height: clamp(20rem, 42vw, 28rem);
    --kamerama-presentation-width: 100%;
  }

  body,
  #main-container.main-content,
  #container_content {
    background: var(--kamerama-bg) !important;
  }

  #main-container.main-content {
    padding-top: var(--kamerama-content-top-gap) !important;
  }

  nav.navbar-findcond.header-layout,
  nav.navbar-findcond .pt_main_hdr {
    background: var(--kamerama-header-bg-solid) !important;
  }

  nav.navbar-findcond .logo-img img {
    max-width: clamp(9.25rem, 19vw, 10rem) !important;
    max-height: clamp(3.125rem, 7vw, 3.625rem) !important;
    object-fit: contain;
  }

  nav.navbar-findcond .search-header input {
    width: 100% !important;
  }

  .km-home-hero {
    grid-template-columns: minmax(16rem, 0.44fr) minmax(20rem, 0.56fr);
    width: var(--kamerama-presentation-width);
    padding: clamp(1.75rem, 3.5vw, 3rem);
  }

  .km-home-hero__content {
    max-width: 27rem;
  }

  .km-home-hero__eyebrow {
    font-size: clamp(1.65rem, 4.2vw, 2.9rem);
  }

  .km-home-hero h1 {
    margin-top: -0.45rem;
    font-size: clamp(3.9rem, 9.4vw, 6.8rem);
  }

  .km-home-hero__copy {
    max-width: 23rem;
    font-size: clamp(1rem, 2vw, 1.25rem);
  }

  .km-home-hero__btn {
    min-height: 2.35rem;
    padding: 0 1.2rem;
    font-size: clamp(0.82rem, 1.25vw, 0.98rem);
  }

  .km-home-hero__visual {
    width: 116%;
    height: 170%;
    margin-top: 0;
  }

  .km-home-hero__visual:before {
    right: 0;
  }

  .km-home-hero__visual:after {
    inset: -8% -4% -8% -4%;
    width: auto;
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand {
    border-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  :root {
    --kamerama-content-top-gap: 0;
    --kamerama-header-height: 3.375rem;
    --kamerama-hero-height: clamp(24rem, 110vw, 32rem);
    --kamerama-hero-pad: 0.75rem;
    --kamerama-presentation-width: 100%;
  }

  body,
  #main-container.main-content,
  #container_content,
  .pt_homepg_whote_bg,
  .pt_hmpg_contanr {
    background: var(--kamerama-bg) !important;
  }

  #main-container.main-content {
    padding-top: var(--kamerama-content-top-gap) !important;
  }

  .pl_feat_vid_slide {
    padding: var(--kamerama-hero-pad) 0 0 !important;
  }

  .pt_fv_blur_img {
    left: 0 !important;
    right: 0 !important;
  }

  .pt_featured_video .video-player .video-title {
    left: 0.75rem !important;
    right: 0.75rem !important;
    bottom: 0.75rem !important;
    padding: 0.875rem !important;
  }

  .pt_featured_video .video-player .video-big-title a {
    font-size: clamp(1rem, 5vw, 1.25rem) !important;
  }

  .pt_featured_video .video-title .video_info {
    flex-wrap: wrap;
    gap: 0.35rem;
  }

  .pt_featured_video h4 {
    top: 0.875rem !important;
    left: 0.875rem !important;
  }

  nav.navbar-findcond.header-layout,
  nav.navbar-findcond .pt_main_hdr {
    background: var(--kamerama-header-bg-solid) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    min-height: var(--kamerama-header-height) !important;
    height: var(--kamerama-header-height) !important;
  }

  nav.navbar-findcond.header-layout {
    padding: 0 0.75rem !important;
  }

  nav.navbar-findcond .navbar-header {
    display: flex !important;
    align-items: center;
    min-height: var(--kamerama-header-height) !important;
    height: var(--kamerama-header-height) !important;
  }

  nav.navbar-findcond .pt_opn_sid_menu,
  nav.navbar-findcond .search-icon,
  nav.navbar-findcond .top-header > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: var(--kamerama-header-height) !important;
    height: var(--kamerama-header-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  nav.navbar-findcond .logo-img img {
    max-width: clamp(7.75rem, 34vw, 9.5rem) !important;
    max-height: 2.75rem !important;
    object-fit: contain;
  }

  nav.navbar-findcond .navbar-brand-,
  nav.navbar-findcond .logo-img {
    display: inline-flex !important;
    align-items: center;
    min-height: var(--kamerama-header-height) !important;
    height: var(--kamerama-header-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  nav.navbar-findcond .search-header-mobile,
  nav.navbar-findcond .search-header-mobile .form-group {
    background: var(--kamerama-bg) !important;
    border: 0 !important;
  }

  nav.navbar-findcond .search-header-mobile input {
    background: var(--kamerama-search-bg) !important;
    border: 1px solid var(--kamerama-border) !important;
    border-radius: var(--kamerama-radius-pill) !important;
    color: var(--kamerama-text-soft) !important;
  }

  .km-home-hero {
    grid-template-columns: 1fr;
    width: var(--kamerama-presentation-width);
    min-height: var(--kamerama-hero-height);
    margin-top: 0 !important;
    padding: 1.15rem;
    background-position: center, center, 74% 68%, 57% 80%, 86% 22%, 50% 60%, center !important;
  }

  .km-home-hero:before {
    background:
      linear-gradient(180deg, rgba(5, 7, 17, 0.92) 0%, rgba(5, 7, 17, 0.62) 48%, rgba(5, 7, 17, 0.12) 100%),
      radial-gradient(circle at 54% 18%, rgba(50, 116, 255, 0.38), transparent 0.18rem),
      linear-gradient(180deg, rgba(5, 7, 17, 0.18), transparent 48%);
  }

  .km-home-hero__content {
    max-width: 100%;
  }

  .km-home-hero__eyebrow {
    font-size: clamp(1.35rem, 8vw, 2.35rem);
  }

  .km-home-hero h1 {
    margin-top: -0.25rem;
    font-size: clamp(3.25rem, 16vw, 5.4rem);
    line-height: 0.92;
  }

  .km-home-hero__copy {
    max-width: 18rem;
    font-size: clamp(0.95rem, 4.4vw, 1.12rem);
  }

  .km-home-hero__visual {
    width: 100%;
    height: auto;
    min-height: clamp(12rem, 56vw, 17rem);
    margin-top: 1rem;
  }

  .km-home-hero__visual:before {
    right: 50%;
    width: clamp(12rem, 58vw, 20rem);
    height: clamp(8rem, 38vw, 14rem);
    transform: translate(50%, -50%);
  }

  .km-home-hero__visual:after {
    inset: -8% -4% -8% -4%;
    width: auto;
    height: auto;
    background-position: center;
    -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 46%, rgba(0, 0, 0, 0.82) 64%, transparent 94%);
    mask-image: radial-gradient(ellipse at 50% 50%, #000 46%, rgba(0, 0, 0, 0.82) 64%, transparent 94%);
  }

  .km-home-hero__actions {
    gap: 0.625rem;
  }

  .km-home-hero__btn {
    flex: 1 1 8.5rem;
    min-height: 2.5rem;
    padding: 0 0.9rem;
    font-size: clamp(0.85rem, 3.8vw, 1rem);
  }

  .pt_sec_nav_slide > div a,
  .pt_sec_nav_slide .swiper-slide a {
    min-height: 2.5rem;
    padding: 0 1rem !important;
  }

  .pt_sec_nav_slide_prnt {
    flex-direction: column;
    align-items: stretch;
  }

  .pt_sec_nav_slide {
    justify-content: center !important;
  }

  .km-categories-toggle {
    align-self: center;
  }

  .km-categories-dropdown {
    left: 50%;
    right: auto;
    grid-template-columns: 1fr;
    transform: translateX(-50%);
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand {
    border-bottom: 0 !important;
  }

  body.side_open .yp_side_drawer:not(.kamerama-sidebar) .km-sidebar-brand img {
    width: 100% !important;
    max-width: var(--kamerama-mobile-logo-width) !important;
    max-height: clamp(3.5rem, 16vw, 4.125rem) !important;
  }

  .pt_footer,
  .pt_footer .container-fluid,
  .pt_footer .container,
  .pt_footer .phone-container,
  .pt_footer .footer-container,
  .footer-container {
    background: var(--kamerama-bg) !important;
  }
}

/* Kamerama sidebar source of truth */
.yp_side_drawer.kamerama-sidebar .km-sidebar-divider {
  display: none;
}

.yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions::before,
.yp_side_drawer.kamerama-sidebar .km-sidebar-for-me::before,
.yp_side_drawer.kamerama-sidebar .km-sidebar-utility-list::after {
  content: "";
  display: block;
  height: 0.15rem;
  min-height: 0.15rem;
  margin: 0.75rem 1.5rem;
  border-radius: 999rem;
  background: linear-gradient(90deg, rgba(255, 106, 26, 0.55) 0%, rgba(255, 150, 34, 0.5) 36%, rgba(0, 174, 255, 0.48) 72%, rgba(32, 112, 255, 0.42) 100%);
  box-shadow: 0 0 0.625rem rgba(255, 106, 26, 0.12), 0 0 0.75rem rgba(0, 174, 255, 0.08);
}

@media (min-width: 64em) and (max-width: 85.375em) {
  :root {
    --km-sidebar-expanded: 23.75rem;
    --kamerama-sidebar-width: var(--km-sidebar-expanded);
  }
}

@media (min-width: 64em) {
  body:not(.km-watch-route):not(.km-sidebar-collapsed) nav.navbar-findcond.header-layout {
    left: var(--km-sidebar-expanded);
    width: calc(100% - var(--km-sidebar-expanded));
    transition: left 0.28s cubic-bezier(.4, 0, .2, 1), width 0.28s cubic-bezier(.4, 0, .2, 1);
  }

  body:not(.km-watch-route):not(.km-sidebar-collapsed) #main-container.main-content {
    margin-left: var(--km-sidebar-expanded);
    width: calc(100% - var(--km-sidebar-expanded));
    max-width: none;
    transition: margin-left 0.28s cubic-bezier(.4, 0, .2, 1), width 0.28s cubic-bezier(.4, 0, .2, 1);
  }

  body:not(.km-watch-route).km-sidebar-collapsed nav.navbar-findcond.header-layout {
    left: var(--km-sidebar-collapsed);
    width: calc(100% - var(--km-sidebar-collapsed));
  }

  body:not(.km-watch-route).km-sidebar-collapsed #main-container.main-content {
    margin-left: var(--km-sidebar-collapsed);
    width: calc(100% - var(--km-sidebar-collapsed));
    max-width: none;
  }

  body:not(.km-watch-route):not(.km-sidebar-collapsed) footer.pt_footer {
    margin-left: var(--km-sidebar-expanded);
    width: calc(100% - var(--km-sidebar-expanded));
    max-width: none;
    transition: margin-left 0.28s cubic-bezier(.4, 0, .2, 1), width 0.28s cubic-bezier(.4, 0, .2, 1);
  }

  body:not(.km-watch-route).km-sidebar-collapsed footer.pt_footer {
    margin-left: var(--km-sidebar-collapsed);
    width: calc(100% - var(--km-sidebar-collapsed));
    max-width: none;
  }

  .yp_side_drawer.kamerama-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--km-sidebar-expanded);
    min-width: var(--km-sidebar-expanded);
    max-width: var(--km-sidebar-expanded);
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex: 0 0 var(--km-sidebar-expanded);
    flex-direction: column;
    flex-shrink: 0;
    overflow: hidden;
    touch-action: pan-y;
    z-index: var(--km-sidebar-z);
    color: var(--km-sidebar-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: radial-gradient(circle at 0% 45%, rgba(255, 90, 20, 0.055), transparent 34%), linear-gradient(180deg, #08111e 0%, #070d18 60%, #080f1c 100%);
    border-right: 0.0625rem solid var(--km-sidebar-border);
    box-shadow: 1.25rem 0 3rem rgba(0, 0, 0, 0.28), inset -0.0625rem 0 0 rgba(255, 106, 26, 0.2);
    transition: width 0.28s cubic-bezier(.4, 0, .2, 1), min-width 0.28s cubic-bezier(.4, 0, .2, 1), max-width 0.28s cubic-bezier(.4, 0, .2, 1);
  }

  .yp_side_drawer.kamerama-sidebar::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.125rem;
    background: linear-gradient(180deg, transparent, rgba(255, 106, 26, 0.95), transparent);
    pointer-events: none;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar {
    width: var(--km-sidebar-collapsed);
    min-width: var(--km-sidebar-collapsed);
    max-width: var(--km-sidebar-collapsed);
    flex-basis: var(--km-sidebar-collapsed);
  }

  .yp_side_drawer.kamerama-sidebar .open_side_menu_head {
    display: none;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse {
    position: fixed;
    top: 50%;
    left: calc(var(--km-sidebar-expanded) - 1.1875rem);
    transform: translateY(-50%);
    z-index: var(--km-sidebar-toggle-z);
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0.0625rem solid var(--km-sidebar-orange);
    border-radius: 50%;
    background: #0b1220;
    color: var(--km-sidebar-orange-soft);
    box-shadow: 0 0 0 0.25rem rgba(255, 106, 26, 0.06), 0 0.625rem 1.5rem rgba(0, 0, 0, 0.32);
    cursor: pointer;
    transition: left 0.28s cubic-bezier(.4, 0, .2, 1), transform 0.28s cubic-bezier(.4, 0, .2, 1), background-color 0.18s ease;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse:hover {
    background: #121a2a;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse {
    left: calc(var(--km-sidebar-collapsed) - 1.1875rem);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse svg {
    width: 1.25rem;
    height: 1.25rem;
    transition: transform 0.28s cubic-bezier(.4, 0, .2, 1);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse svg {
    transform: rotate(180deg);
  }

  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    max-height: none;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 0.875rem var(--km-sidebar-padding-x) 2.75rem;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
  }

  .yp_side_drawer.kamerama-sidebar {
    scrollbar-width: none;
  }

  .yp_side_drawer.kamerama-sidebar::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .yp_side_drawer.kamerama-sidebar:hover .sidebar-scroll.km-sidebar-content,
  .yp_side_drawer.kamerama-sidebar.km-sidebar-hovered .sidebar-scroll.km-sidebar-content,
  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content:hover {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 106, 26, 0.45) transparent;
  }

  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content::-webkit-scrollbar {
    width: 0.25rem;
  }

  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content::-webkit-scrollbar-track {
    background: transparent;
  }

  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content::-webkit-scrollbar-thumb {
    border-radius: 1.25rem;
    background: transparent;
  }

  .yp_side_drawer.kamerama-sidebar:hover .sidebar-scroll.km-sidebar-content::-webkit-scrollbar-thumb,
  .yp_side_drawer.kamerama-sidebar.km-sidebar-hovered .sidebar-scroll.km-sidebar-content::-webkit-scrollbar-thumb,
  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(255, 106, 26, 0.72), rgba(0, 174, 255, 0.55));
  }

  .yp_side_drawer.kamerama-sidebar ul,
  .yp_side_drawer.kamerama-sidebar li,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-language,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .yp_side_drawer.kamerama-sidebar ul.sections {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    border: 0;
    background: transparent;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-brand {
    flex: 0 0 auto;
    min-height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1rem;
    padding: 0.875rem 1.25rem 0.5rem;
    border: 0;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-logo {
    width: min(13.125rem, 75%);
    max-width: min(13.125rem, 75%);
    height: auto;
    object-fit: contain;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-favi {
    display: none;
    width: 2.625rem;
    height: 2.625rem;
    object-fit: contain;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav {
    gap: 0.25rem;
  }

  .yp_side_drawer.kamerama-sidebar .title_sidebar_subscriotions,
  .yp_side_drawer.kamerama-sidebar .title_sidebar_subscriotions a {
    min-height: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--km-sidebar-row-gap);
    margin: 0;
    padding: 0.375rem var(--km-sidebar-row-pad-x);
    color: var(--km-sidebar-text-muted);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-item,
  .yp_side_drawer.kamerama-sidebar ul.sections li > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access {
    position: relative;
    width: 100%;
    min-width: 0;
    display: grid;
    align-items: center;
    justify-items: stretch;
    box-sizing: border-box;
    color: var(--km-sidebar-text-secondary);
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    border: 0.0625rem solid transparent;
    background: transparent;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav .km-sidebar-nav-item {
    min-height: 2.875rem;
    grid-template-columns: var(--km-sidebar-row-icon) minmax(0, 1fr) var(--km-sidebar-row-action);
    column-gap: var(--km-sidebar-row-gap);
    padding: 0 var(--km-sidebar-row-pad-x);
    border-radius: 1rem;
    color: #dce6f7;
    font-size: 1rem;
    font-weight: 600;
  }

  .yp_side_drawer.kamerama-sidebar ul.sections li > a {
    min-height: 2.75rem;
    grid-template-columns: var(--km-sidebar-row-icon) minmax(0, 1fr) var(--km-sidebar-row-action);
    column-gap: var(--km-sidebar-row-gap);
    padding: 0 var(--km-sidebar-row-pad-x);
    border-radius: 0.875rem;
    color: #dbe4f5;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-item:hover,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a:hover,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access:hover,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access:hover,
  .yp_side_drawer.kamerama-sidebar .subscribers_ > a:hover,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button:hover {
    color: #fff;
    background: var(--km-sidebar-card-hover);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav li.active > .km-sidebar-nav-item,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-for-me li.active > .km-sidebar-nav-item,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card li.active > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-utility-list li.active > a {
    color: #fff;
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.26), rgba(75, 20, 18, 0.22));
    border: 0.0625rem solid rgba(255, 106, 26, 0.65);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon,
  .yp_side_drawer.kamerama-sidebar ul.sections li a > svg,
  .yp_side_drawer.kamerama-sidebar ul.sections li a > img,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-lang-flag {
    grid-column: 1;
    grid-row: 1;
    width: 3.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    margin: 0;
    color: currentColor;
    background: none;
    flex-shrink: 0;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon[class*="km-sidebar-nav-icon--"] {
    background: currentColor;
    -webkit-mask: var(--km-sidebar-icon) center / contain no-repeat;
    mask: var(--km-sidebar-icon) center / contain no-repeat;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon svg,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon svg *,
  .yp_side_drawer.kamerama-sidebar ul.sections li a > svg,
  .yp_side_drawer.kamerama-sidebar ul.sections li a > svg *,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon * {
    width: 1.4375rem;
    height: 1.4375rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-label,
  .yp_side_drawer.kamerama-sidebar ul.sections li a > span:not(.km-sidebar-nav-icon):not(.km-sidebar-subscriptions-toggle-arrow):not(.km-sidebar-avatar-fallback),
  .yp_side_drawer.kamerama-sidebar .km-sidebar-control-text,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-text {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    justify-self: start;
    align-self: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscribers-wrap {
    width: 100%;
  }

  .yp_side_drawer.kamerama-sidebar .user_subscribers_ {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    width: 100%;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions:not(.is-expanded) .km-sidebar-subscriber-extra {
    display: none;
  }

  .yp_side_drawer.kamerama-sidebar .subscribers_ > a {
    min-height: 3.375rem;
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.875rem;
    padding: 0.25rem 0.875rem 0.25rem 0.375rem;
    border-radius: 0.875rem;
    color: #dbe4f5;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
  }

  .yp_side_drawer.kamerama-sidebar .subscribers_ img,
  .yp_side_drawer.kamerama-sidebar .subscribers_img_,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-fallback {
    grid-column: 1;
    grid-row: 1;
    width: 2.875rem;
    min-width: 2.875rem;
    max-width: 2.875rem;
    height: 2.875rem;
    min-height: 2.875rem;
    max-height: 2.875rem;
    justify-self: center;
    align-self: center;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    margin: 0;
    border: 0.0625rem solid rgba(255, 255, 255, 0.22);
    background: linear-gradient(135deg, rgba(18, 31, 52, 0.98), rgba(7, 14, 26, 0.98));
    box-shadow: 0 0 0 0.1875rem rgba(255, 106, 26, 0.08);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #edf2ff;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-broken,
  .yp_side_drawer.kamerama-sidebar img.km-avatar-fallback {
    display: none;
  }

  .yp_side_drawer.kamerama-sidebar .subscribers_ .km-sidebar-avatar-fallback {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
    align-self: center;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscription-name {
    grid-column: 2;
    grid-row: 1;
    display: block;
    min-width: 0;
    justify-self: start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #dbe4f5;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
  }

  .yp_side_drawer.kamerama-sidebar .subscribers_.active > a {
    min-height: 3.375rem;
    padding: 0.25rem 0.875rem 0.25rem 0.375rem;
    background: var(--km-sidebar-card-hover);
    border-radius: 0.875rem;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button {
        width: 55%;
        min-height: 2.375rem;
        grid-template-columns: minmax(0, 1fr) 1.625rem;
        column-gap: 0.375rem;
        margin: 1rem;
        place-self: anchor-center;
        padding: 0.25rem 1.25rem 0.25rem 1.25rem;
        border: 0.0625rem solid rgba(255, 106, 26, 0.36);
        border-radius: 0.75rem;
        color: var(--km-sidebar-orange-soft);
        background: linear-gradient(135deg, rgba(255, 106, 26, 0.12), rgba(11, 22, 39, 0.86));
        box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.05);
        font-size: 0.85rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-text {
    grid-column: 1;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-arrow {
    grid-column: 2;
    grid-row: 1;
    width: 1.625rem;
    height: 1.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    color: var(--km-sidebar-orange-soft);
    font-size: 0.8125rem;
    border-radius: 50%;
    background: rgba(255, 106, 26, 0.1);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-arrow::before {
    content: "v";
    display: inline-block;
    transform: translateY(-0.0625rem);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions.is-expanded .km-sidebar-subscriptions-toggle-arrow::before {
    content: "^";
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card {
    margin-top: 0.5rem;
    padding: 0.375rem 0;
    display: block;
    background: rgba(255, 255, 255, 0.025);
    border: 0.0625rem solid rgba(255, 255, 255, 0.06);
    border-radius: 0.875rem;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-for-me .title_sidebar_subscriotions {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-history,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-for-me #paid_videos_ > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card .km-sidebar-nav-item,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card li > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-help,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a {
    min-height: 2.75rem;
    grid-template-columns: var(--km-sidebar-row-icon) minmax(0, 1fr) var(--km-sidebar-row-action);
    column-gap: var(--km-sidebar-row-gap);
    padding: 0 var(--km-sidebar-row-pad-x);
    border-radius: 0.875rem;
    color: #dbe4f5;
    font-size: 1.3rem;
    font-weight: 600;
  }

  .yp_side_drawer.kamerama-sidebar .km-section-chevron {
    margin-left: auto;
    justify-self: end;
    align-self: center;
    flex-shrink: 0;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-language .caret {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate {
    min-height: 3rem;
    grid-template-columns: var(--km-sidebar-row-icon) minmax(0, 1fr) var(--km-sidebar-row-action);
    column-gap: var(--km-sidebar-row-gap);
    margin-top: 0.875rem;
    padding: 0.25rem var(--km-sidebar-row-pad-x);
    border-radius: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    background: linear-gradient(90deg, rgba(255, 92, 23, 0.25), rgba(110, 20, 20, 0.18));
    border: 0.0625rem solid rgba(255, 96, 25, 0.75);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate:hover {
    transform: translateY(-0.0625rem);
    box-shadow: 0 0.3125rem 1.25rem rgba(255, 90, 20, 0.10);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon * {
    width: 1.625rem;
    height: 1.625rem;
    fill: var(--km-sidebar-orange-soft);
    stroke: none;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom {
    margin-top: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-lang-flag svg {
    width: 1.4375rem;
    height: 1.4375rem;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-language .caret,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-arrow,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-arrow {
    grid-column: 3;
    justify-self: end;
    color: #7f8ba5;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access {
    min-height: 4.75rem;
    grid-template-columns: 3.25rem minmax(0, 1fr) 1.25rem;
    gap: 0.875rem;
    padding: 0.75rem 0.875rem;
    border-radius: 1rem;
    background: var(--km-sidebar-card);
    border: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access {
    cursor: pointer;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom.km-user-open .km-sidebar-user-access,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access:focus-visible {
    color: #fff;
    border-color: rgba(255, 106, 26, 0.42);
    background: rgba(255, 106, 26, 0.08);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.22);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-avatar,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access > svg {
    grid-column: 1;
    width: 3.25rem;
    min-width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    object-fit: cover;
    border: 0.0625rem solid rgba(255, 255, 255, 0.18);
    background: radial-gradient(circle at 35% 30%, rgba(255, 122, 42, 0.42), rgba(24, 34, 54, 0.98));
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-info,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-text {
    grid-column: 2;
    min-width: 0;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-name,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-role {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-name {
    color: #f4f7ff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-role {
    margin-top: 0.25rem;
    color: #7f8ba5;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(4.75rem + 0.625rem);
    z-index: 5;
    display: grid;
    gap: 0.375rem;
    padding: 0.5rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(12, 18, 31, 0.98), rgba(6, 10, 18, 0.98));
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255,255,255,0.04);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.5rem) scale(0.98);
    transform-origin: bottom center;
    pointer-events: none;
    transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.16s ease;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom.km-user-open .km-sidebar-user-actions {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions::after {
    content: "";
    position: absolute;
    right: 1.375rem;
    bottom: -0.375rem;
    width: 0.75rem;
    height: 0.75rem;
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.1);
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
    background: rgba(6, 10, 18, 0.98);
    transform: rotate(45deg);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions a {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 2.125rem minmax(0, 1fr);
    align-items: center;
    gap: 0.625rem;
    min-height: 2.75rem;
    padding: 0 0.75rem;
    border: 0.0625rem solid transparent;
    border-radius: 0.75rem;
    color: #dbe4f5;
    font-size: 0.9375rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions a:hover,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions a:focus-visible {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.055);
    text-decoration: none;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions svg {
    width: 1.25rem;
    height: 1.25rem;
    justify-self: center;
    color: currentColor;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions .km-sidebar-user-logout {
    color: #ffb18a;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions .km-sidebar-user-logout:hover,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions .km-sidebar-user-logout:focus-visible {
    color: #fff;
    border-color: rgba(255, 106, 26, 0.35);
    background: rgba(255, 106, 26, 0.14);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom.km-user-open .km-sidebar-user-arrow {
    color: var(--km-sidebar-orange-soft);
    transform: rotate(-90deg);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-user-arrow {
    transition: color 0.16s ease, transform 0.16s ease;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions {
    left: 50%;
    right: auto;
    bottom: calc(3.5rem + 0.625rem);
    width: 3.5rem;
    padding: 0.3125rem;
    border-radius: 1rem;
    transform: translate(-50%, 0.5rem) scale(0.98);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom.km-user-open .km-sidebar-user-actions {
    transform: translate(-50%, 0) scale(1);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions::after {
    right: 1.375rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-actions a {
    display: flex;
    width: 2.875rem;
    min-width: 2.875rem;
    height: 2.875rem;
    min-height: 2.875rem;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content {
    padding: 1.125rem 0.75rem 1.5rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-brand {
    min-height: 5.875rem;
    padding: 1.125rem 0 1rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-logo {
    display: none;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-favi {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .title_sidebar_subscriotions,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-divider,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-label,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscription-name,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li a > span:not(.km-sidebar-nav-icon):not(.km-sidebar-subscriptions-toggle-arrow):not(.km-sidebar-avatar-fallback),
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-control-text,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-text,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate span,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-info,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-text,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-arrow,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-arrow,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-language .caret {
    display: none;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .user_subscribers_,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom {
    align-items: center;
    gap: 0.5rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav {
    gap: 0.5rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions::before,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-for-me::before,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-utility-list::after,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom::before {
    content: "";
    display: block;
    width: 3.375rem;
    height: 0.0625rem;
    min-height: 0.0625rem;
    margin: 0.875rem auto;
    border-radius: 999rem;
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.66), rgba(0, 174, 255, 0.46));
    box-shadow: none;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav .km-sidebar-nav-item,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-history,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card .km-sidebar-nav-item,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card li > a,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-help,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ > a,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button {
    width: 3.5rem;
    min-width: 3.5rem;
    height: 3.5rem;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    border-radius: 1rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card {
    width: 100%;
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav li.active > .km-sidebar-nav-item,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-for-me li.active > .km-sidebar-nav-item,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card li.active > a,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-utility-list li.active > a {
    background: linear-gradient(135deg, rgba(255, 106, 26, 0.25), rgba(90, 20, 20, 0.2));
    border: 0.0625rem solid rgba(255, 106, 26, 0.8);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_.active > a {
    background: rgba(255, 106, 26, 0.08);
    border: 0.0625rem solid rgba(255, 106, 26, 0.75);
    box-shadow: 0 0 0.625rem rgba(255, 106, 26, 0.12);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ img,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_img_,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-fallback {
    width: 2.75rem;
    min-width: 2.75rem;
    max-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    max-height: 2.75rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button {
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    border: 0.0625rem solid rgba(255, 106, 26, 0.65);
    border-radius: 50%;
    color: var(--km-sidebar-orange-soft);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-arrow {
    width: auto;
    font-size: 1.5rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate {
    width: 3.5rem;
    height: 3.375rem;
    min-height: 3.375rem;
    border-radius: 0.9375rem;
    background: linear-gradient(135deg, rgba(255, 106, 26, 0.24), rgba(100, 20, 20, 0.18));
    border: 0.0625rem solid rgba(255, 106, 26, 0.85);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon * {
    width: 1.75rem;
    height: 1.75rem;
    fill: var(--km-sidebar-orange-soft);
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-avatar,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access > svg {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    max-height: 3rem;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li a > svg,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-lang-flag {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    justify-self: center;
  }

  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access {
    background: transparent;
    border: 0;
  }
}

@media (max-width: 63.9375em) {
  body:not(.km-watch-route) nav.navbar-findcond.header-layout {
    left: 0;
    width: 100%;
  }

  body:not(.km-watch-route) #main-container.main-content {
    margin-left: 0;
    width: 100%;
    max-width: none;
  }

  .yp_side_drawer.kamerama-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(21.25rem, calc(100vw - 3rem));
    max-width: min(21.25rem, calc(100vw - 3rem));
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    touch-action: pan-y;
    z-index: 1100;
    color: var(--km-sidebar-text);
    background: linear-gradient(180deg, #08111e 0%, #070d18 60%, #080f1c 100%);
    border-right: 0.0625rem solid var(--km-sidebar-border);
    transform: translateX(-100%);
    transition: transform 0.24s cubic-bezier(.4, 0, .2, 1);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-brand {
    flex: 0 0 auto;
    min-height: 5.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.5rem;
    padding: 1.125rem 1.125rem 0.75rem;
    border: 0;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-logo {
    width: min(11.875rem, 75%);
    max-width: min(11.875rem, 75%);
    height: auto;
    object-fit: contain;
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-favi {
    display: none;
  }

  body.side_open .yp_side_drawer.kamerama-sidebar,
  body.mobi_side_open .yp_side_drawer.kamerama-sidebar {
    transform: translateX(0);
  }

  .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse,
  .yp_side_drawer.kamerama-sidebar .open_side_menu_head {
    display: none;
  }

  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 1.125rem 1.5rem;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
  }

  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
    display: block;
  }

  .yp_side_drawer.kamerama-sidebar:hover .sidebar-scroll.km-sidebar-content,
  .yp_side_drawer.kamerama-sidebar.km-sidebar-hovered .sidebar-scroll.km-sidebar-content,
  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content:hover {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 106, 26, 0.45) transparent;
  }

  .yp_side_drawer.kamerama-sidebar:hover .sidebar-scroll.km-sidebar-content::-webkit-scrollbar-thumb,
  .yp_side_drawer.kamerama-sidebar.km-sidebar-hovered .sidebar-scroll.km-sidebar-content::-webkit-scrollbar-thumb,
  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(255, 106, 26, 0.72), rgba(0, 174, 255, 0.55));
  }
}

/* Kamerama collapsed sidebar source of truth */
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar {
  width: var(--km-sidebar-collapsed);
  min-width: var(--km-sidebar-collapsed);
  max-width: var(--km-sidebar-collapsed);
  flex-basis: var(--km-sidebar-collapsed);
  background: linear-gradient(180deg, #08111e 0%, #070d18 100%);
  border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse {
  left: calc(var(--km-sidebar-collapsed) - 1.125rem);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse svg {
  transform: rotate(180deg);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content {
  padding: 1.125rem 0.75rem 1.5rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-brand {
  min-height: 5.875rem;
  padding: 1.125rem 0 1rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-logo {
  display: none;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-favi {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .title_sidebar_subscriotions,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-divider,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-label,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscription-name,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar a > span:not(.km-sidebar-nav-icon):not(.km-sidebar-lang-flag):not(.km-sidebar-subscriptions-toggle-arrow):not(.km-sidebar-avatar-fallback),
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar button > span:not(.km-sidebar-subscriptions-toggle-arrow),
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-control-text,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-info,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-text,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-arrow,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-arrow,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-language .caret {
  display: none;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .user_subscribers_,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom {
  align-items: center;
  gap: 0.5rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions::before,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-for-me::before,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-utility-list::after,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom::before {
  content: "";
  display: block;
  width: 3.375rem;
  height: 0.0625rem;
  min-height: 0.0625rem;
  margin: 0.875rem auto;
  border-radius: 999rem;
  background: linear-gradient(90deg, rgba(255, 106, 26, 0.66), rgba(0, 174, 255, 0.46));
  box-shadow: none;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li > a,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-item,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-history,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-help,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ > a,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate {
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  border-radius: 1rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card {
  width: 100%;
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar li.active > a,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav li.active > .km-sidebar-nav-item {
  background: linear-gradient(135deg, rgba(255, 106, 26, 0.25), rgba(90, 20, 20, 0.2));
  border: 0.0625rem solid rgba(255, 106, 26, 0.8);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_.active > a {
  background: rgba(255, 106, 26, 0.08);
  border: 0.0625rem solid rgba(255, 106, 26, 0.75);
  box-shadow: 0 0 0.625rem rgba(255, 106, 26, 0.12);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ img,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_img_,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-fallback {
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  max-height: 2.75rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button {
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  border: 0.0625rem solid rgba(255, 106, 26, 0.65);
  border-radius: 50%;
  color: var(--km-sidebar-orange-soft);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-arrow {
  width: auto;
  font-size: 1.5rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate {
  height: 3.375rem;
  min-height: 3.375rem;
  border-radius: 0.9375rem;
  background: linear-gradient(135deg, rgba(255, 106, 26, 0.24), rgba(100, 20, 20, 0.18));
  border: 0.0625rem solid rgba(255, 106, 26, 0.85);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon * {
  width: 1.75rem;
  height: 1.75rem;
  fill: var(--km-sidebar-orange-soft);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-avatar,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access > svg {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  max-height: 3rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li a > svg,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-lang-flag {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  justify-self: center;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access {
  background: transparent;
  border: 0;
}

/* Sidebar comprimido: reglas consolidadas y fuente unica para dividers/avatar. */
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .user_subscribers_,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom {
  width: 100%;
  align-items: center;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .user_subscribers_ li,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom li {
  width: 100%;
  display: flex;
  justify-content: center;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li > a,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-item,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-history,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-help,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-user-access,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ > a,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate {
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
  margin-inline: auto;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li a > svg,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-lang-flag {
  width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav::after,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions::before,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-for-me::before,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-utility-list::after,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-bottom::before {
  content: none !important;
  display: none !important;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-divider {
  display: block !important;
  width: 72%;
  max-width: 2.5rem;
  height: 0.0625rem;
  min-height: 0.0625rem;
  margin: 0.875rem auto;
  border: 0;
  border-radius: 999rem;
  background: linear-gradient(90deg, rgba(255, 106, 26, 0.55) 0%, rgba(255, 150, 34, 0.5) 36%, rgba(0, 174, 255, 0.48) 72%, rgba(32, 112, 255, 0.42) 100%);
  box-shadow: 0 0 0.625rem rgba(255, 106, 26, 0.12), 0 0 0.75rem rgba(0, 174, 255, 0.08);
  flex-shrink: 0;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .user_subscribers_ {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ {
  width: 100%;
  display: flex;
  justify-content: center;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ > a {
  width: 3.375rem;
  min-width: 3.375rem;
  height: 3.375rem;
  min-height: 3.375rem;
  margin: 0 auto;
  border-radius: 50%;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ img:not([src]),
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ img[src=""],
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ .km-sidebar-avatar-broken,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ img.km-avatar-fallback {
  display: none !important;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_ img,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .subscribers_img_,
body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-fallback {
  width: 2.875rem;
  min-width: 2.875rem;
  max-width: 2.875rem;
  height: 2.875rem;
  min-height: 2.875rem;
  max-height: 2.875rem;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-avatar-fallback ~ .km-sidebar-avatar-fallback {
  display: none !important;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle button {
  width: 3.125rem;
  min-width: 3.125rem;
  height: 3.125rem;
  min-height: 3.125rem;
  border-radius: 50%;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-arrow {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-arrow::before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-right: 0.125rem solid currentColor;
  border-bottom: 0.125rem solid currentColor;
  transform: translateY(-0.12rem) rotate(45deg);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions.is-expanded .km-sidebar-subscriptions-toggle-arrow::before {
  transform: translateY(0.12rem) rotate(225deg);
}

body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-favi {
  width: 3.125rem;
  min-width: 3.125rem;
  height: 3.125rem;
  min-height: 3.125rem;
  object-fit: contain;
}

.topbar-divider,
nav.navbar-findcond .topbar-divider {
  display: none;
}

nav.navbar-findcond .topbar-upload-item,
nav.navbar-findcond .topbar-import-item,
nav.navbar-findcond .topbar-upload-item + .topbar-import-item,
nav.navbar-findcond .upload-button,
nav.navbar-findcond .import-button {
  border-left: 0;
  border-right: 0;
}

nav.navbar-findcond .topbar-upload-item::before,
nav.navbar-findcond .topbar-upload-item::after,
nav.navbar-findcond .topbar-import-item::before,
nav.navbar-findcond .topbar-import-item::after,
nav.navbar-findcond .upload-button::before,
nav.navbar-findcond .upload-button::after,
nav.navbar-findcond .import-button::before,
nav.navbar-findcond .import-button::after {
  content: none;
  display: none;
}

/* Home topbar refinements */
nav.navbar-findcond.header-layout .search-wrapper {
  position: relative;
}
nav.navbar-findcond.header-layout .search-wrapper .km-search-icon {
  position: absolute;
  left: auto !important;
  right: 1.25rem;
  top: 25%;
  z-index: 2;
  display: block !important;
  width: 1.5rem;
  height: 2.35rem;
  transform: translateY(-50%);
  color: #8ca0bc;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  cursor: text;
  pointer-events: auto;
}

nav.navbar-findcond.header-layout .topbar-search .search-wrapper > svg.km-search-icon,
nav.navbar-findcond .search-header .search-wrapper > svg.km-search-icon {
  left: auto !important;
  right: 0.25rem !important;
  display: block !important;
}
nav.navbar-findcond.header-layout .search-header input.search-input,
nav.navbar-findcond.header-layout .topbar-search .search-input {
  padding-left: 1.65rem !important;
  padding-right: 3.25rem !important;
}
nav.navbar-findcond.header-layout .topbar-search:focus-within .km-search-icon {
  color: var(--kamerama-accent-strong);
}
nav.navbar-findcond.header-layout .km-header-auth,
nav.navbar-findcond.header-layout .km-header-login-button {
  display: none !important;
}
nav.navbar-findcond.header-layout .upload-button::before,
nav.navbar-findcond.header-layout .import-button::before,
nav.navbar-findcond.header-layout a[href*="upload-video"]::before,
nav.navbar-findcond.header-layout a[href*="import-video"]::before {
  content: none !important;
  display: none !important;
}
nav.navbar-findcond.header-layout .upload-button svg,
nav.navbar-findcond.header-layout .import-button svg,
nav.navbar-findcond.header-layout a[href*="upload-video"] svg,
nav.navbar-findcond.header-layout a[href*="import-video"] svg {
  display: block !important;
  width: 1.05rem !important;
  height: 1.05rem !important;
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.05 !important;
}
nav.navbar-findcond.header-layout .upload-button,
nav.navbar-findcond.header-layout .import-button,
nav.navbar-findcond.header-layout a[href*="upload-video"],
nav.navbar-findcond.header-layout a[href*="import-video"] {
  height: 2.25rem;
  min-height: 2.25rem;
  gap: .45rem;
  padding: 0 .95rem !important;
  border-color: rgba(255, 106, 26, .32) !important;
  background: rgba(255, 106, 26, .08) !important;
  font-size: .88rem !important;
}
nav.navbar-findcond.header-layout .upload-button:hover,
nav.navbar-findcond.header-layout .import-button:hover,
nav.navbar-findcond.header-layout a[href*="upload-video"]:hover,
nav.navbar-findcond.header-layout a[href*="import-video"]:hover {
  background: rgba(255, 106, 26, .16) !important;
}

@media (min-width: 64em) {
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access {
    min-height: 4.25rem;
    border-color: rgba(255, 106, 26, .22);
    background:
      radial-gradient(circle at 8% 20%, rgba(255, 106, 26, .22), transparent 32%),
      linear-gradient(135deg, rgba(255, 106, 26, .12), rgba(15, 23, 42, .74));
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access > svg {
    border-color: rgba(255, 106, 26, .32);
    background: rgba(255, 106, 26, .12);
    color: #ff8a3d;
    padding: .7rem;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-text {
    color: #f7fbff;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: .01em;
    text-transform: none;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access:hover {
    border-color: rgba(255, 106, 26, .48);
    background:
      radial-gradient(circle at 8% 20%, rgba(255, 106, 26, .30), transparent 35%),
      linear-gradient(135deg, rgba(255, 106, 26, .18), rgba(15, 23, 42, .82));
    transform: translateY(-1px);
  }
}

/* Home sidebar balance */
@media (min-width: 64em) {
  .yp_side_drawer.kamerama-sidebar,
  .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav .km-sidebar-nav-item,
  .yp_side_drawer.kamerama-sidebar ul.sections li > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access {
    transition:
      width .28s cubic-bezier(.4, 0, .2, 1),
      min-width .28s cubic-bezier(.4, 0, .2, 1),
      max-width .28s cubic-bezier(.4, 0, .2, 1),
      padding .28s cubic-bezier(.4, 0, .2, 1),
      grid-template-columns .28s cubic-bezier(.4, 0, .2, 1),
      background-color .18s ease,
      border-color .18s ease,
      color .18s ease,
      transform .18s ease !important;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav .km-sidebar-nav-item,
  .yp_side_drawer.kamerama-sidebar ul.sections li > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav .km-sidebar-nav-item {
    min-height: 2.75rem;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate {
    min-height: 2.9rem;
    border-color: rgba(148, 163, 184, .12) !important;
    background: rgba(255, 255, 255, .025) !important;
    box-shadow: none !important;
    color: var(--km-sidebar-text-secondary) !important;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate .km-sidebar-donate-icon,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate svg {
    color: var(--km-sidebar-text-secondary) !important;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate:hover {
    border-color: rgba(255, 106, 26, .42) !important;
    background: rgba(255, 106, 26, .13) !important;
    color: #fff !important;
  }
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate:hover .km-sidebar-donate-icon,
  .yp_side_drawer.kamerama-sidebar .km-sidebar-donate:hover svg {
    color: #ff8a3d !important;
  }
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .sidebar-scroll.km-sidebar-content {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-main-nav .km-sidebar-nav-item,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-history,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card .km-sidebar-nav-item,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-secondary-card li > a,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-help,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-language > li > a,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    padding: 0 !important;
  }
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-nav-icon,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar ul.sections li a > svg,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-donate-icon,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-lang-flag,
  body.km-sidebar-collapsed .yp_side_drawer.kamerama-sidebar .km-sidebar-member-access > svg {
    grid-column: 1 !important;
    justify-self: center !important;
    margin: 0 !important;
  }
}

body:not(.km-watch-route) .km-home-hero__btn--primary:hover,
body:not(.km-watch-route) .km-home-hero__btn--primary:focus {
  background: linear-gradient(105deg, #ff7a22 0%, #cf1fc6 100%) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 1rem 2rem rgba(255, 61, 110, .28) !important;
  filter: none;
}

/* ============================================================
   KAMERAMA · Donate Page
   Ruta: /site-pages/donate. Reconstruye layout generado por
   default/layout/container.html con clases km-donate-*.
   ============================================================ */
body.km-donate-route {
  min-height: 100vh;
  padding-top: 0 !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(0, 132, 255, 0.16), transparent 32%),
    radial-gradient(circle at 82% 14%, rgba(29, 78, 216, 0.13), transparent 28%),
    linear-gradient(135deg, #020611 0%, #06101e 48%, #020611 100%) !important;
  color: #eef3ff !important;
  overflow-x: hidden;
}
body.km-donate-route nav.navbar-findcond.header-layout,
body.km-donate-route .yp_side_drawer.kamerama-sidebar,
body.km-donate-route .open_side_menu_head,
body.km-donate-route .ads-placment,
body.km-donate-route .pt_footer {
  display: none !important;
}
body.km-donate-route #main-container.main-content,
body.km-donate-route #main-container.main-content.container,
body.km-donate-route #container_content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.km-donate-page,
.km-donate-page * {
  box-sizing: border-box;
}
.km-donate-page {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  width: 100%;
  padding: clamp(24px, 4vw, 52px) clamp(20px, 3.8vw, 64px) clamp(22px, 3vw, 44px);
  overflow: hidden;
  color: #eef3ff;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
}
.km-donate-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(180deg, rgba(8, 19, 36, 0.72), rgba(2, 6, 17, 0.86)),
    radial-gradient(circle at 50% -8%, rgba(32, 139, 255, 0.18), transparent 44%);
}
.km-donate-orb {
  position: absolute;
  z-index: -2;
  width: clamp(220px, 28vw, 460px);
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(44px);
  opacity: 0.35;
  pointer-events: none;
}
.km-donate-orb-one {
  top: -12%;
  left: -6%;
  background: rgba(0, 132, 255, 0.35);
}
.km-donate-orb-two {
  right: -10%;
  bottom: -22%;
  background: rgba(21, 95, 212, 0.42);
}
.km-donate-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #72b7ff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: color 0.16s ease, transform 0.16s ease;
}
.km-donate-back:hover {
  color: #b9ddff !important;
  transform: translateX(-2px);
}
.km-donate-hero {
  max-width: 720px;
  margin: 0 auto 32px;
  text-align: center;
}
.km-donate-kicker {
  display: block;
  margin-bottom: 8px;
  color: #a9bdd8;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.km-donate-hero h1 {
  margin: 0;
  color: #f4f8ff;
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.045em;
  text-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
.km-donate-hero h1 span {
  color: inherit;
}
.km-donate-hero p {
  max-width: 660px;
  margin: 14px auto 0;
  color: #aebcd2;
  font-size: clamp(16px, 1.55vw, 20px);
  line-height: 1.45;
}
.km-donate-selector {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-top: 24px;
  padding: 3px;
  border: 1px solid rgba(93, 155, 255, 0.32);
  border-radius: 999px;
  background: rgba(7, 16, 31, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 48px rgba(0, 0, 0, 0.22);
}
.km-donate-selector button {
  min-width: 132px;
  height: 38px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #aebbd1;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
.km-donate-selector button.active {
  color: #fff;
  background: linear-gradient(135deg, #0e9bff 0%, #0874f2 100%);
  box-shadow: 0 10px 28px rgba(0, 132, 255, 0.36);
}
.km-donate-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  width: min(100%, 1360px);
  margin: 0 auto;
}
.km-donate-card {
  position: relative;
  min-height: 510px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: clamp(28px, 3vw, 42px) clamp(26px, 3vw, 36px) 30px;
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, 0.32);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(8, 20, 38, 0.84), rgba(5, 11, 23, 0.92)),
    radial-gradient(circle at 50% 0%, rgba(38, 139, 255, 0.12), transparent 38%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 26px 72px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.km-donate-card:hover {
  transform: translateY(-4px);
  border-color: rgba(64, 160, 255, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 32px 90px rgba(0, 0, 0, 0.34);
}
.km-donate-card-glow {
  position: absolute;
  inset: -35% -20% auto;
  height: 210px;
  background: radial-gradient(circle, rgba(0, 132, 255, 0.2), transparent 64%);
  opacity: 0.75;
  pointer-events: none;
}
.km-donate-logo,
.km-donate-mp-logo,
.km-donate-community-icon {
  position: relative;
  z-index: 1;
  height: 112px;
  margin: 0 auto 24px;
}
.km-donate-logo-paypal {
  width: min(260px, 78%);
  max-height: 112px;
  object-fit: contain;
}
.km-donate-mp-logo {
  width: min(300px, 82%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
}
.km-donate-mp-logo::before {
  content: "";
  width: 92px;
  height: 72px;
  margin-right: 16px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 42%, #fff 0 9%, transparent 10%),
    radial-gradient(circle at 60% 42%, #fff 0 9%, transparent 10%),
    linear-gradient(135deg, #4ec3ff, #096be8);
  box-shadow: inset 0 -10px 18px rgba(0, 43, 123, 0.38), 0 12px 32px rgba(0, 132, 255, 0.24);
}
.km-donate-mp-logo::after {
  content: "mercado\A pago";
  white-space: pre;
  color: #fff;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  line-height: 0.84;
  letter-spacing: -0.06em;
}
.km-donate-community-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3b9dff;
}
.km-donate-community-icon svg {
  width: 112px;
  height: 112px;
  filter: drop-shadow(0 16px 32px rgba(0, 132, 255, 0.2));
}
.km-donate-card-copy {
  position: relative;
  z-index: 1;
  text-align: center;
}
.km-donate-card-copy h2 {
  margin: 0 0 8px;
  color: #f7faff;
  font-size: clamp(23px, 2vw, 30px);
  font-weight: 800;
  line-height: 1.1;
}
.km-donate-card-copy p {
  max-width: 330px;
  margin: 0 auto;
  color: #a9b7cc;
  font-size: 16px;
  line-height: 1.45;
}
.km-donate-benefits {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin: 34px 0 28px;
  padding: 0;
  list-style: none;
}
.km-donate-benefits li {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #adbad0;
  font-size: 14px;
  line-height: 1.25;
}
.km-donate-benefits li span {
  position: relative;
  display: inline-flex;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(20, 105, 207, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.km-donate-benefits li span::before {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 4px;
  background: #3a98ff;
  clip-path: polygon(50% 0, 61% 34%, 97% 34%, 68% 54%, 80% 90%, 50% 68%, 20% 90%, 32% 54%, 3% 34%, 39% 34%);
}
.km-donate-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  margin-top: auto;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #0ea5ff 0%, #0874f2 100%);
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 18px 40px rgba(0, 132, 255, 0.28);
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}
.km-donate-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 22px 52px rgba(0, 132, 255, 0.36);
}
.km-donate-button svg {
  width: 22px;
  height: 22px;
}
.km-donate-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: min(520px, 100%);
  margin: 30px auto 0;
  color: #94a6c0;
  text-align: center;
}
.km-donate-footer::before,
.km-donate-footer::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: linear-gradient(90deg, transparent, rgba(72, 143, 255, 0.35));
}
.km-donate-footer::after {
  background: linear-gradient(90deg, rgba(72, 143, 255, 0.35), transparent);
}
.km-donate-footer strong {
  font-size: 14px;
  font-weight: 500;
}
.km-donate-footer p {
  display: none;
}
.km-donate-heart {
  order: 3;
  color: #3a98ff;
}
.km-donate-heart svg {
  width: 18px;
  height: 18px;
}

@media (max-width: 72em) {
  .km-donate-page {
    padding: 28px 18px 34px;
  }
  .km-donate-methods {
    grid-template-columns: 1fr;
    max-width: 620px;
  }
  .km-donate-card {
    min-height: auto;
  }
}

@media (max-width: 42em) {
  .km-donate-selector {
    width: 100%;
  }
  .km-donate-selector button {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 12px;
  }
  .km-donate-logo,
  .km-donate-mp-logo,
  .km-donate-community-icon {
    height: 92px;
  }
  .km-donate-community-icon svg {
    width: 92px;
    height: 92px;
  }
  .km-donate-footer {
    gap: 10px;
  }
}

/* ============================================================
   KAMERAMA · Suscripciones
   Estructura: default/layout/subscriptions/content.html + list.html
   ============================================================ */
.km-subscriptions-page,
.km-subscriptions-page * {
  box-sizing: border-box;
}
.km-subscriptions-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(16px, 2vw, 26px) 0 clamp(30px, 4vw, 56px);
  color: #eef3ff;
  background:
    radial-gradient(circle at 84% 8%, rgba(16, 120, 255, 0.12), transparent 26%),
    linear-gradient(180deg, rgba(5, 10, 20, 0.2), rgba(5, 7, 17, 0));
}
.km-subscriptions-page > .col-md-12 {
  float: none;
  width: 100%;
  padding: 0;
}
.km-subscriptions-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 42%);
  align-items: center;
  min-height: 150px;
  margin: 0 0 22px;
  padding: clamp(22px, 3vw, 34px) clamp(26px, 4vw, 44px);
  overflow: hidden;
  border: 1px solid rgba(56, 127, 225, 0.2);
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(7, 17, 33, 0.94) 0%, rgba(5, 12, 24, 0.84) 48%, rgba(4, 10, 21, 0.86) 100%),
    radial-gradient(circle at 72% 18%, rgba(0, 132, 255, 0.2), transparent 30%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 20px 55px rgba(0, 0, 0, 0.22);
}
.km-subscriptions-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(0, 132, 255, 0.08), transparent);
  pointer-events: none;
}
.km-subscriptions-hero-copy {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 18px;
  align-items: center;
}
.km-subscriptions-hero-icon {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fa381e, #b91c1c);
  color: #fff;
  box-shadow: 0 14px 36px rgba(239, 91, 42, 0.28);
}
.km-subscriptions-hero-icon svg {
  width: 30px;
  height: 30px;
}
.km-subscriptions-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.035em;
}
.km-subscriptions-hero p {
  grid-column: 2;
  margin: 6px 0 0;
  color: #c2ccdc;
  font-size: 14px;
  line-height: 1.45;
}
.km-subscriptions-hero-meta {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 22px;
  color: #a9b4c7;
  font-size: 13px;
}
.km-subscriptions-hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.km-subscriptions-hero-meta span::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #ffb84d, #ef5b2a 60%, #71320f 100%);
}
.km-subscriptions-hero-art {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, 1fr));
  gap: 8px;
  align-items: stretch;
  height: 130px;
  padding-right: 118px;
}
.km-subscriptions-hero-art::after {
  content: "EXPLOR�\AAPRENDÉ\ADISFRUT�\ASIN L�MITES";
  white-space: pre;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #aeb9cc;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
.km-subscriptions-hero-art::before {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 16px;
  width: 58px;
  height: 4px;
  border-radius: 99px;
  background: #ef5b2a;
}
.km-subscriptions-hero-art span {
  min-width: 0;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(0, 132, 255, 0.28), rgba(239, 91, 42, 0.14)),
    linear-gradient(145deg, #11213a, #060c17);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.km-subscriptions-hero-art span:nth-child(1) { transform: translateY(16px); }
.km-subscriptions-hero-art span:nth-child(2) { transform: translateY(-4px); background: linear-gradient(145deg, #1d3554, #09111e); }
.km-subscriptions-hero-art span:nth-child(3) { transform: translateY(10px); background: linear-gradient(145deg, #482817, #101827); }
.km-subscriptions-hero-art span:nth-child(4) { transform: translateY(-10px); background: linear-gradient(145deg, #293f62, #090f1b); }
.km-subscriptions-channels-section,
.km-subscriptions-feed-section {
  margin-top: 18px;
}
.km-subscriptions-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.km-subscriptions-section-head h2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #f4f7ff;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.km-subscriptions-section-head h2 svg {
  width: 22px;
  height: 22px;
  color: #ef5b2a;
}
.km-subscriptions-section-head a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ff7b2c !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
}
.km-subscriptions-section-head a::after {
  content: ">";
  font-size: 18px;
  line-height: 1;
}
.km-subscriptions-channels {
  display: grid;
  grid-template-columns: repeat(6, minmax(126px, 1fr));
  gap: 14px;
  overflow: hidden;
}
.km-subscription-channel-card {
  position: relative;
  min-height: 136px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 16px 12px;
  border: 1px solid rgba(72, 143, 255, 0.18);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(12, 24, 43, 0.82), rgba(8, 14, 27, 0.88));
  color: #f5f7ff !important;
  text-align: center;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}
.km-subscription-channel-card:hover {
  transform: translateY(-3px);
  border-color: rgba(64, 160, 255, 0.48);
  background: linear-gradient(180deg, rgba(16, 32, 57, 0.92), rgba(9, 17, 32, 0.95));
}
.km-subscription-channel-avatar {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #1a2233;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.04);
}
.km-subscription-channel-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-subscription-channel-card strong {
  max-width: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.km-subscription-channel-card small {
  color: #9da8ba;
  font-size: 11px;
}
.km-subscription-state {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(17, 32, 54, 0.98);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.km-subscriptions-feed-head {
  margin-top: 18px;
}
.km-subscriptions-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
}
.km-subscriptions-filters::-webkit-scrollbar {
  display: none;
}
.km-subscriptions-filter {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 18px;
  border: 1px solid rgba(72, 143, 255, 0.16);
  border-radius: 10px;
  background: rgba(12, 24, 43, 0.92);
  color: #d4dbe8;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.km-subscriptions-filter:hover,
.km-subscriptions-filter.active {
  border-color: #ef5b2a;
  background: linear-gradient(135deg, #ff6a1a, #ef5b2a);
  color: #fff;
}
.km-subscriptions-legacy-head {
  display: none;
}
.km-subscriptions-feed,
.km-subscriptions-feed-list {
  width: 100%;
  margin: 0;
  padding: 0;
}
.km-subscriptions-feed-list.row {
  margin-left: 0;
  margin-right: 0;
}
.km-subscription-feed-item {
  position: relative;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) 34px;
  grid-template-areas:
    "thumb info menu"
    "thumb author menu";
  gap: 0 18px;
  width: 100%;
  min-height: 88px;
  margin: 0;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: transparent;
}
.km-subscription-feed-item + .km-subscription-feed-item {
  padding-top: 12px;
}
.km-subscription-feed-thumb {
  grid-area: thumb;
  position: relative;
  width: 170px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  background: #101827;
}
.km-subscription-feed-thumb a,
.km-subscription-feed-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}
.km-subscription-feed-thumb img {
  object-fit: cover;
}
.km-subscription-thumb-missing::after {
  content: "Video";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
}
.km-subscription-feed-thumb .video-duration {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 2px 6px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.km-subscription-feed-info {
  grid-area: info;
  align-self: end;
  min-width: 0;
  padding: 2px 0 0;
}
.km-subscription-feed-info .video-title,
.km-subscription-feed-info .video-title a {
  margin: 0;
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none !important;
}
.km-subscription-feed-info > span {
  display: none;
}
.km-subscription-author-info {
  grid-area: author;
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 5px 0 0;
  color: #9eaabc;
  font-size: 12px;
}
.km-subscription-author-img {
  float: none !important;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin: 0 8px 0 0;
  overflow: hidden;
  border-radius: 50%;
  background: #1a2233;
}
.km-subscription-author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-subscription-avatar-missing::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.55) 0 18%, transparent 19%), radial-gradient(circle at 50% 88%, rgba(255, 255, 255, 0.35) 0 34%, transparent 35%);
}
.km-subscription-author-info .author-name {
  min-width: 0;
  color: #9eaabc;
}
.km-subscription-author-info .author-name a {
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
}
.km-subscription-author-info .author-name span {
  color: #9eaabc;
  font-size: 12px;
}
.km-subscription-video-menu {
  grid-area: menu;
  align-self: center;
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}
.km-subscription-video-menu:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
}
.km-subscription-video-menu svg {
  width: 20px;
  height: 20px;
}
.km-subscriptions-page .load-more {
  width: fit-content;
  margin: 22px auto 0;
  padding: 10px 22px;
  border-radius: 999px;
  background: rgba(17, 32, 54, 0.95);
  color: #fff;
  font-weight: 700;
}

@media (max-width: 80em) {
  .km-subscriptions-hero {
    grid-template-columns: 1fr;
  }
  .km-subscriptions-hero-art {
    display: none;
  }
  .km-subscriptions-channels {
    grid-template-columns: repeat(4, minmax(126px, 1fr));
  }
}

@media (max-width: 56em) {
  .km-subscriptions-page {
    padding-top: 12px;
  }
  .km-subscriptions-hero-copy {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .km-subscriptions-hero-icon {
    grid-row: auto;
    margin: 0 auto 12px;
  }
  .km-subscriptions-hero p,
  .km-subscriptions-hero-meta {
    grid-column: auto;
    justify-content: center;
  }
  .km-subscriptions-channels {
    grid-template-columns: repeat(2, minmax(126px, 1fr));
  }
  .km-subscription-feed-item {
    grid-template-columns: 128px minmax(0, 1fr) 30px;
    gap: 0 12px;
  }
  .km-subscription-feed-thumb {
    width: 128px;
  }
}

@media (max-width: 36em) {
  .km-subscriptions-channels {
    display: flex;
    overflow-x: auto;
    padding-bottom: 6px;
  }
  .km-subscription-channel-card {
    flex: 0 0 148px;
  }
  .km-subscription-feed-item {
    grid-template-columns: 112px minmax(0, 1fr) 28px;
  }
  .km-subscription-feed-thumb {
    width: 112px;
  }
  .km-subscription-feed-info .video-title a {
    font-size: 14px;
  }
}

/* ============================================================
   KAMERAMA · Historial
   Estructura: default/layout/history/content.html + list.html
   ============================================================ */
.km-history-page,
.km-history-page * {
  box-sizing: border-box;
}
.km-history-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(16px, 2vw, 26px) 0 clamp(30px, 4vw, 56px);
  color: #eef3ff;
}
.km-history-shell {
  float: none;
  width: 100%;
  padding: 0;
}
.km-history-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 14px;
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.km-history-title-wrap {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.km-history-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #ef5b2a;
}
.km-history-title-icon svg {
  width: 24px;
  height: 24px;
}
.km-history-title-wrap h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
}
.km-history-title-wrap p {
  margin: 8px 0 0;
  color: #a8b3c5;
  font-size: 15px;
  line-height: 1.4;
}
.km-history-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}
.km-history-clear,
.km-history-filter-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 9px;
  background: rgba(13, 24, 42, 0.78);
  color: #dce5f3;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.km-history-clear {
  border: 1px solid rgba(255, 85, 95, 0.32);
  color: #ff7a83;
}
.km-history-filter-toggle {
  border: 1px solid rgba(72, 143, 255, 0.18);
}
.km-history-clear:hover,
.km-history-filter-toggle:hover {
  background: rgba(18, 34, 58, 0.95);
  color: #fff;
}
.km-history-clear svg,
.km-history-filter-toggle svg {
  width: 18px;
  height: 18px;
}
.km-history-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 16px;
}
.km-history-filters {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.km-history-filters::-webkit-scrollbar {
  display: none;
}
.km-history-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 20px;
  border: 1px solid rgba(72, 143, 255, 0.15);
  border-radius: 12px;
  background: rgba(12, 24, 43, 0.92);
  color: #d4dbe8;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.km-history-chip:hover,
.km-history-chip.active {
  border-color: rgba(239, 91, 42, 0.85);
  background: linear-gradient(135deg, #ff6a1a, #ef5b2a);
  color: #fff;
  box-shadow: 0 10px 24px rgba(239, 91, 42, 0.18);
}
.km-history-channel-filter {
  position: relative;
  flex: 0 0 auto;
}
.km-history-channel-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 40;
  display: none;
  min-width: 190px;
  padding: 8px;
  border: 1px solid rgba(72, 143, 255, 0.18);
  border-radius: 12px;
  background: rgba(8, 14, 27, 0.98);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.35);
}
.km-history-channel-filter.is-open .km-history-channel-menu {
  display: grid;
  gap: 4px;
}
.km-history-channel-menu button,
.km-history-channel-menu span {
  display: flex;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #dce5f3;
  font-size: 13px;
  text-align: left;
}
.km-history-channel-menu button:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
}
.km-history-search {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(420px, 36vw);
  min-height: 38px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid rgba(72, 143, 255, 0.2);
  border-radius: 11px;
  background: rgba(8, 16, 31, 0.92);
  color: #93a4bb;
}
.km-history-search svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.km-history-search-input {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #edf2ff;
  font-size: 13px;
}
.km-history-search-input::placeholder {
  color: #7e8da3;
}
.km-history-list-section,
.km-history-grid {
  width: 100%;
  margin: 0;
  padding: 0;
}
.km-history-grid.row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-left: 0;
  margin-right: 0;
}
.km-history-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(72, 143, 255, 0.16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(11, 23, 40, 0.92), rgba(8, 14, 27, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 16px 42px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}
.km-history-card:hover {
  transform: translateY(-3px);
  border-color: rgba(64, 160, 255, 0.42);
  background: linear-gradient(180deg, rgba(13, 28, 50, 0.98), rgba(9, 17, 32, 0.98));
}
.km-history-card-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.km-history-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  background: #101827;
}
.km-history-thumb a,
.km-history-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}
.km-history-thumb img {
  object-fit: cover;
}
.km-history-thumb-fallback {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.28);
}
.km-history-thumb-fallback svg {
  width: 44px;
  height: 44px;
}
.km-history-thumb .km-media-fallback + .km-history-thumb-fallback,
.km-history-thumb a.km-media-fallback ~ .km-history-thumb-fallback {
  display: flex;
}
.km-history-duration {
  position: absolute;
  right: 7px;
  bottom: 9px;
  z-index: 2;
  padding: 3px 7px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.km-history-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.16);
}
.km-history-progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #ff6a1a, #ef5b2a);
}
.km-history-body {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-areas:
    "title title title"
    "meta watch delete";
  gap: 9px 10px;
  padding: 10px 0 0;
}
.km-history-body h2 {
  grid-area: title;
  margin: 0;
  min-width: 0;
}
.km-history-body h2 a {
  display: block;
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.km-history-meta {
  grid-area: meta;
  display: flex;
  align-items: center;
  min-width: 0;
}
.km-history-avatar {
  position: relative;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin-right: 9px;
  overflow: hidden;
  border-radius: 50%;
  background: #1a2233;
}
.km-history-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-history-avatar.km-avatar-fallback::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 36%, rgba(255,255,255,.55) 0 17%, transparent 18%), radial-gradient(circle at 50% 88%, rgba(255,255,255,.34) 0 34%, transparent 35%);
}
.km-history-meta-copy {
  min-width: 0;
  color: #9eaabc;
  font-size: 12px;
  line-height: 1.25;
}
.km-history-channel-name {
  display: inline-flex;
  max-width: 150px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.km-history-meta-copy span {
  display: block;
  margin-top: 2px;
  color: #9eaabc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.km-history-status {
  color: #ff7b2c;
  font-weight: 800;
}
.km-history-card-actions {
  display: contents;
}
.km-history-watch {
  grid-area: watch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(72, 143, 255, 0.22);
  border-radius: 7px;
  background: rgba(17, 32, 54, 0.96);
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
}
.km-history-watch svg {
  width: 16px;
  height: 16px;
}
.km-history-delete {
  grid-area: delete;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(17, 32, 54, 0.78);
  color: #d4dbe8;
  cursor: pointer;
}
.km-history-delete:hover {
  color: #ff7a83;
  border-color: rgba(255, 85, 95, 0.35);
}
.km-history-delete svg {
  width: 16px;
  height: 16px;
}
.km-history-shorts-badge {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
  width: 24px;
  height: 24px;
  color: #fff;
}
.km-history-empty {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 260px;
  padding: 36px;
  border: 1px solid rgba(72, 143, 255, 0.16);
  border-radius: 14px;
  background: rgba(8, 14, 27, 0.72);
  text-align: center;
}
.km-history-empty[hidden] {
  display: none !important;
}
.km-history-empty-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(239, 91, 42, 0.16);
  color: #ef5b2a;
}
.km-history-empty-icon svg {
  width: 32px;
  height: 32px;
}
.km-history-empty h2 {
  margin: 0;
  color: #fff;
  font-size: 22px;
}
.km-history-empty p {
  margin: 0;
  color: #a8b3c5;
}
.km-history-empty a,
.km-history-load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 28px;
  border: 1px solid rgba(72, 143, 255, 0.2);
  border-radius: 999px;
  background: rgba(17, 32, 54, 0.95);
  color: #fff !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  cursor: pointer;
}
.km-history-load-more {
  width: fit-content;
  margin: 16px auto 0;
}
.km-history-modal .modal-content {
  border: 1px solid rgba(72, 143, 255, 0.18);
  border-radius: 14px;
  background: #08101f;
  color: #eef3ff;
}
.km-history-modal .modal-body {
  padding: 24px;
}
.km-history-modal h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}
.km-history-modal p {
  margin: 0;
  color: #a8b3c5;
  line-height: 1.45;
}
.km-history-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}
.km-history-modal-cancel,
.km-history-modal-delete {
  min-height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-weight: 800;
}
.km-history-modal-cancel {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.km-history-modal-delete {
  border: 1px solid rgba(255, 85, 95, 0.35);
  background: rgba(255, 85, 95, 0.12);
  color: #ff7a83;
}

@media (max-width: 86em) {
  .km-history-grid.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 62em) {
  .km-history-hero,
  .km-history-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .km-history-actions {
    justify-content: flex-start;
  }
  .km-history-search {
    width: 100%;
  }
}

@media (max-width: 42em) {
  .km-history-grid.row {
    grid-template-columns: 1fr;
  }
  .km-history-body {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "title title"
      "meta meta"
      "watch delete";
  }
  .km-history-watch {
    justify-self: start;
  }
  .km-history-actions {
    flex-wrap: wrap;
  }
}

/* ============================================================
   KAMERAMA · Libros / Articles
   Estructura: default/layout/articles/content.html + list.html
   ============================================================ */
.km-books-page,
.km-books-page * {
  box-sizing: border-box;
}
.km-books-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(16px, 2vw, 26px) 0 clamp(34px, 4vw, 60px);
  color: #eef3ff;
  background:
    radial-gradient(circle at 0% 100%, rgba(255, 106, 26, 0.16), transparent 28%),
    radial-gradient(circle at 86% 6%, rgba(0, 132, 255, 0.12), transparent 24%);
}
.km-books-hero {
  position: relative;
  min-height: clamp(230px, 25vw, 340px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 46%);
  align-items: center;
  gap: 32px;
  margin: 0 0 0;
  padding: clamp(34px, 5vw, 72px) clamp(34px, 5vw, 72px);
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, 0.22);
  border-radius: 14px 14px 0 0;
  background:
    linear-gradient(90deg, rgba(3, 7, 15, 0.95), rgba(45, 22, 8, 0.38) 55%, rgba(3, 7, 15, 0.88)),
    var(--km-section-panel-image) center / cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 20px 60px rgba(0, 0, 0, 0.22);
}
.km-books-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 58% 40%, rgba(255, 122, 28, 0.18), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(2,6,17,.38));
  pointer-events: none;
}
.km-books-hero > div {
  position: relative;
  z-index: 1;
}
.km-books-hero span {
  display: block;
  color: #fff;
  font-size: clamp(56px, 7vw, 104px);
  font-weight: 900;
  line-height: 0.85;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow: 0 18px 52px rgba(0, 0, 0, 0.5), 0 0 18px rgba(145, 186, 255, 0.22);
}
.km-books-hero h1 {
  margin: 20px 0 0;
  color: #fff;
  font-size: clamp(26px, 2.6vw, 42px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.045em;
}
.km-books-hero p {
  max-width: 620px;
  margin: 14px 0 0;
  color: #d1dae8;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.45;
}
.km-books-hero strong {
  position: absolute;
  right: clamp(36px, 7vw, 120px);
  top: 24%;
  color: rgba(255,255,255,.82);
  font-size: clamp(14px, 1.2vw, 20px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .36em;
  text-transform: uppercase;
  writing-mode: horizontal-tb;
}
.km-books-hero strong::after {
  content: "";
  display: block;
  width: 58px;
  height: 4px;
  margin-top: 14px;
  border-radius: 99px;
  background: #ff6a1a;
}
.km-books-hero-art {
  display: grid;
  grid-template-columns: repeat(3, minmax(80px, 1fr));
  gap: 12px;
  align-items: end;
  height: 170px;
}
.km-books-hero-art span {
  display: block;
  height: 130px;
  border-radius: 8px;
  background: linear-gradient(145deg, #5b3217, #140b08 70%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 16px 42px rgba(0,0,0,.34);
}
.km-books-hero-art span:nth-child(2) {
  height: 165px;
  background: linear-gradient(145deg, #8b5526, #1a0e08 70%);
}
.km-books-hero-art span:nth-child(3) {
  height: 110px;
}
.km-books-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 18px;
  align-items: start;
}
.km-books-maincol {
  min-width: 0;
  border: 1px solid rgba(72, 143, 255, 0.22);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  background: linear-gradient(180deg, rgba(5, 20, 38, 0.92), rgba(4, 10, 20, 0.96));
  padding: 18px 22px 28px;
}
.km-books-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 138px;
  gap: 16px;
  margin: 0 0 22px;
}
.km-books-search input {
  height: 58px;
  padding: 0 22px 0 60px;
  border: 1px solid rgba(72,143,255,.28);
  border-radius: 12px;
  outline: 0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dce7f7' d='M9.5 3a6.5 6.5 0 0 1 5.17 10.44l4.45 4.44-1.24 1.24-4.44-4.45A6.5 6.5 0 1 1 9.5 3Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z'/%3E%3C/svg%3E") 20px center / 28px no-repeat,
    rgba(10, 23, 41, 0.95);
  color: #edf2ff;
  font-size: 16px;
}
.km-books-search input::placeholder {
  color: #98a7bd;
}
.km-books-search button {
  height: 58px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  box-shadow: 0 14px 34px rgba(239, 91, 42, 0.24);
}
.km-books-results::before {
  content: "Libros destacados";
  display: block;
  margin: 0 0 16px;
  padding-left: 18px;
  border-left: 5px solid #ff6a1a;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  letter-spacing: -0.035em;
}
.km-books-results .subscriptions-list,
.km-books-grid.row {
  margin: 0;
  padding: 0;
}
.km-books-grid.row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.km-books-grid::before,
.km-books-grid::after,
.km-books-grid > .clear {
  display: none !important;
}
.km-book-card {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  gap: 14px 16px;
  min-height: 250px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(72,143,255,.18) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(11, 28, 48, 0.9), rgba(7, 15, 28, 0.95)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.km-book-cover {
  grid-row: 1 / span 2;
  display: block;
  width: 140px;
  min-height: 190px;
  overflow: hidden;
  border-radius: 6px;
  background: #101827;
}
.km-book-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-book-cover span {
  display: none;
}
.km-book-info {
  padding: 8px 0 0 !important;
}
.km-book-info h2 {
  margin: 0 0 8px;
}
.km-book-info h2 a {
  color: #fff !important;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.16;
  text-decoration: none !important;
}
.km-book-info p {
  margin: 0;
  color: #b7c2d4;
  font-size: 14px;
  line-height: 1.45;
}
.km-book-foot {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.km-book-foot span {
  color: #aeb9cc;
  font-size: 13px;
}
.km-book-foot a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 9px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
}
.km-books-more {
  width: fit-content;
  margin: 22px auto 0;
  padding: 10px 24px;
  border-radius: 999px;
  background: rgba(17, 32, 54, 0.95);
  color: #fff;
  font-weight: 800;
}
.km-books-sidebar {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.km-books-side-card,
.km-books-inspiration {
  border: 1px solid rgba(72,143,255,.22);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(7, 20, 36, 0.94), rgba(4, 10, 20, 0.96));
  padding: 18px;
}
.km-books-side-card h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
}
.km-books-categories {
  display: grid;
  gap: 6px;
}
.km-books-categories a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(72,143,255,.16);
  border-radius: 9px;
  background: rgba(9, 17, 32, 0.72);
  color: #dce5f3 !important;
  font-size: 15px;
  text-decoration: none !important;
}
.km-books-categories a::after {
  content: "›";
  font-size: 24px;
  line-height: 1;
}
.km-books-categories a.active,
.km-books-categories a:hover {
  border-color: transparent;
  background: linear-gradient(135deg, #ff8a1d, #ff6a1a);
  color: #fff !important;
}
.km-books-popular {
  display: grid;
  gap: 10px;
}
.km-books-popular .article-wrapper,
.km-books-popular .video-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.km-books-inspiration {
  min-height: 138px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(70, 25, 8, .8), rgba(4, 10, 20, .45)),
    var(--km-section-panel-image) center / cover no-repeat;
}
.km-books-inspiration span {
  color: #ff6a1a;
  font-size: 48px;
  line-height: .7;
  font-weight: 900;
}
.km-books-inspiration p {
  max-width: 240px;
  margin: 8px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
}

@media (max-width: 90em) {
  .km-books-layout {
    grid-template-columns: 1fr;
  }
  .km-books-sidebar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 72em) {
  .km-books-grid.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .km-books-hero {
    grid-template-columns: 1fr;
  }
  .km-books-hero-art,
  .km-books-hero strong {
    display: none;
  }
}

@media (max-width: 48em) {
  .km-books-maincol,
  .km-books-hero {
    padding-left: 18px;
    padding-right: 18px;
  }
  .km-books-search {
    grid-template-columns: 1fr;
  }
  .km-books-grid.row,
  .km-books-sidebar {
    grid-template-columns: 1fr;
  }
  .km-book-card {
    grid-template-columns: 112px minmax(0, 1fr);
  }
  .km-book-cover {
    width: 112px;
  }
}

/* ============================================================
   KAMERAMA · Libro / Documento individual
   Estructura: default/layout/articles/read.html
   ============================================================ */
.km-read-page,
.km-read-page * {
  box-sizing: border-box;
}
.km-read-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 clamp(34px, 4vw, 62px);
  color: #eef3ff;
  background:
    radial-gradient(circle at 8% 84%, rgba(0, 132, 255, .12), transparent 28%),
    radial-gradient(circle at 84% 14%, rgba(255, 106, 26, .16), transparent 30%),
    #030712;
}
.km-read-alert {
  margin: 16px clamp(16px, 2.5vw, 32px);
  border-radius: 10px;
}
.km-read-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(150px, 240px) minmax(0, 1fr) minmax(220px, 330px);
  gap: clamp(22px, 3vw, 42px);
  align-items: center;
  min-height: clamp(330px, 35vw, 520px);
  padding: clamp(32px, 4vw, 58px) clamp(22px, 4vw, 64px);
  overflow: hidden;
  border-bottom: 1px solid rgba(72, 143, 255, .16);
  background:
    linear-gradient(90deg, rgba(3,7,15,.96), rgba(3,7,15,.7) 42%, rgba(3,7,15,.48)),
    var(--km-read-cover) center / cover no-repeat;
}
.km-read-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 75% 34%, rgba(255, 106, 26, .24), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(3,7,15,.86));
  backdrop-filter: blur(3px);
  pointer-events: none;
}
.km-read-cover-wrap,
.km-read-hero-copy,
.km-read-quote {
  position: relative;
  z-index: 1;
}
.km-read-cover-wrap {
  width: min(220px, 100%);
  aspect-ratio: 3 / 4.15;
  align-self: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,106,26,.22), rgba(0,132,255,.12)),
    #101827;
  box-shadow: 0 24px 48px rgba(0,0,0,.42);
}
.km-read-cover-wrap::before {
  content: "Documento";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.km-read-cover-wrap.km-has-cover::before {
  display: none;
}
.km-read-cover-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-read-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ff7b2c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.km-read-eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-read-hero h1 {
  max-width: 920px;
  margin: 12px 0 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4.1vw, 72px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.045em;
  text-shadow: 0 18px 48px rgba(0,0,0,.56);
}
.km-read-inline-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
  color: #d8e1ee;
  font-size: clamp(14px, 1.1vw, 18px);
}
.km-read-inline-meta a {
  color: #fff !important;
  text-decoration: none !important;
}
.km-read-inline-meta span:not(:last-child)::after,
.km-read-inline-meta a:not(:last-child)::after {
  content: "•";
  margin-left: 12px;
  color: rgba(255,255,255,.58);
}
.km-read-hero-copy > p {
  max-width: 880px;
  margin: 16px 0 0;
  color: #c8d3e3;
  font-size: clamp(15px, 1.25vw, 20px);
  line-height: 1.45;
}
.km-read-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.km-read-tags a,
.km-read-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 16px;
  border: 1px solid rgba(72,143,255,.18);
  border-radius: 999px;
  background: rgba(17, 32, 54, .86);
  color: #dce7f7 !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}
.km-read-hero-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
}
.km-read-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.km-read-actions a,
.km-read-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 24px;
  border: 1px solid rgba(72,143,255,.28);
  border-radius: 10px;
  background: rgba(9, 20, 36, .86);
  color: #fff !important;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none !important;
}
.km-read-actions svg {
  width: 23px;
  height: 23px;
}
.km-read-actions .km-read-primary {
  min-width: 210px;
  border: 0;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  box-shadow: 0 16px 36px rgba(239,91,42,.28);
}
.km-read-more-wrap {
  position: relative;
}
.km-read-more-btn {
  width: 54px;
  padding: 0 !important;
}
.km-read-more-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 20;
  display: none;
  min-width: 190px;
  padding: 8px;
  border: 1px solid rgba(72,143,255,.22);
  border-radius: 10px;
  background: #07101f;
  box-shadow: 0 18px 42px rgba(0,0,0,.38);
}
.km-read-more-wrap.is-open .km-read-more-menu {
  display: grid;
  gap: 4px;
}
.km-read-more-menu a,
.km-read-more-menu button {
  justify-content: flex-start;
  width: 100%;
  min-height: 36px;
  padding: 0 10px !important;
  border: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
}
.km-read-hero-metrics {
  display: flex;
  align-items: center;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(72,143,255,.16);
  border-radius: 12px;
  background: rgba(8, 17, 32, .82);
}
.km-read-hero-metrics div {
  display: grid;
  grid-template-columns: 28px auto;
  gap: 0 12px;
  min-width: 150px;
  padding: 14px 18px;
}
.km-read-hero-metrics div + div {
  border-left: 1px solid rgba(178,203,238,.12);
}
.km-read-hero-metrics svg {
  grid-row: 1 / span 2;
  width: 24px;
  height: 24px;
  color: #dce7f7;
}
.km-read-hero-metrics strong {
  color: #fff;
  font-size: 17px;
  line-height: 1;
}
.km-read-hero-metrics span {
  color: #9eabbd;
  font-size: 12px;
}
.km-read-quote {
  align-self: center;
  padding-left: 28px;
  border-left: 1px solid rgba(255,255,255,.2);
}
.km-read-quote p {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.7vw, 30px);
  font-style: italic;
  line-height: 1.25;
}
.km-read-quote p::after {
  content: "— KAMERAMA";
  display: block;
  margin-top: 18px;
  color: #d7c0a5;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .34em;
}
.km-read-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  gap: 18px;
  align-items: start;
  padding: 18px clamp(16px, 2.4vw, 34px) 0;
}
.km-read-left-column {
  min-width: 0;
  display: grid;
  gap: 18px;
}
.km-read-viewer {
  overflow: hidden;
  border: 1px solid rgba(72,143,255,.22);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(8,20,37,.96), rgba(4,10,20,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 60px rgba(0,0,0,.22);
}
.km-read-viewer::before {
  content: "‹   1 / 264   ›        −     48%     +        ▣     ↻     ⛶        ⇩     ⎙     ⋯";
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(72,143,255,.18);
  color: #dce7f7;
  font-size: 18px;
  word-spacing: 20px;
  background: rgba(10, 23, 41, .78);
}
.km-read-document-stage {
  min-height: clamp(560px, 65vw, 980px);
  display: flex;
  justify-content: center;
  padding: clamp(28px, 4vw, 56px);
  background:
    radial-gradient(circle at 50% 20%, rgba(0,132,255,.08), transparent 30%),
    #05101f;
}
.km-read-document {
  width: min(760px, 100%);
  min-height: 720px;
  padding: clamp(28px, 4vw, 58px);
  background: #f5efe3;
  color: #1b1d22;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.72;
  box-shadow: 0 24px 80px rgba(0,0,0,.42);
}
.km-read-document img,
.km-read-document canvas,
.km-read-document iframe,
.km-read-document embed,
.km-read-document object {
  max-width: 100%;
}
.km-read-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid rgba(72,143,255,.18);
  border-radius: 12px;
  background: rgba(8, 17, 32, .82);
  color: #b9c5d6;
}
.km-read-meta .count {
  display: flex;
  gap: 12px;
}
.km-read-meta .count > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #dce7f7;
  cursor: pointer;
}
.km-read-meta svg {
  width: 18px;
  height: 18px;
}
.km-read-sidepanel {
  display: grid;
  gap: 14px;
  min-width: 0;
}
.km-read-side-card,
.km-read-comments .comments-content {
  border: 1px solid rgba(72,143,255,.2);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(8,20,37,.95), rgba(4,10,20,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.km-read-side-card {
  padding: 18px;
}
.km-read-side-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.km-read-side-head h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}
.km-read-side-head a,
.km-read-side-head button {
  border: 0;
  background: transparent;
  color: #ff7b2c !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
}
.km-read-synopsis p {
  max-height: 90px;
  overflow: hidden;
  margin: 0;
  color: #b9c5d6;
  line-height: 1.5;
}
.km-read-synopsis.is-expanded p {
  max-height: none;
}
.km-read-tech-list,
.km-read-metric-grid {
  display: grid;
  gap: 10px;
}
.km-read-tech-list div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(178,203,238,.1);
}
.km-read-tech-list span,
.km-read-metric-grid small {
  color: #9eabbd;
  font-size: 12px;
}
.km-read-tech-list strong {
  color: #fff;
  text-align: right;
}
.km-read-metric-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.km-read-metric-grid div {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid rgba(72,143,255,.14);
  border-radius: 10px;
  background: rgba(9, 18, 33, .72);
}
.km-read-metric-grid svg {
  width: 24px;
  height: 24px;
  color: #ff7b2c;
}
.km-read-metric-grid strong {
  color: #fff;
  font-size: 20px;
}
.related-article-wrapper,
.related-video-wrapper,
.km-read-continue-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(178,203,238,.1);
}
.related-video-wrapper {
  grid-template-columns: 96px minmax(0, 1fr);
}
.related-article-wrapper .ra-thumb,
.related-video-wrapper .ra-thumb,
.km-read-continue-card img {
  grid-column: 1;
  grid-row: 1;
  width: 76px;
  height: 76px;
  border-radius: 8px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-color: #101827;
  object-fit: cover;
}
.related-video-wrapper .ra-thumb {
  width: 96px;
  height: 62px;
}
.related-video-wrapper .ra-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-video-wrapper .ra-overlay {
  display: none;
}
.related-article-wrapper .ra-title,
.related-video-wrapper .ra-title,
.km-read-continue-card div {
  grid-column: 2;
  min-width: 0;
}
.related-article-wrapper h5,
.related-video-wrapper h5 {
  margin: 0 0 6px;
}
.related-article-wrapper h5 a,
.related-video-wrapper h5 a,
.km-read-continue-card strong {
  display: block;
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none !important;
}
.related-article-wrapper p,
.related-video-wrapper time,
.related-video-wrapper h6,
.km-read-continue-card span {
  margin: 0;
  color: #9eabbd;
  font-size: 12px;
  line-height: 1.35;
}
.related-article-wrapper p a,
.related-video-wrapper h6 a {
  color: #cfd9e8 !important;
  text-decoration: none !important;
}
.km-read-comments .comments-content {
  padding: 18px;
  background: linear-gradient(180deg, rgba(8,20,37,.95), rgba(4,10,20,.98)) !important;
}
.km-read-comments-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.km-read-comments-head span {
  color: #ff7b2c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.km-read-comments-head h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
}
.km-read-comments-head select,
.km-read-comments textarea {
  border: 1px solid rgba(72,143,255,.22);
  border-radius: 9px;
  background: rgba(9, 18, 33, .86);
  color: #eef3ff;
}
.km-read-comments textarea {
  min-height: 54px;
  resize: vertical;
}
.km-read-comments .pt_blogcomm_combo {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}
.km-read-comments .avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.km-read-comments .btn-main {
  min-height: 42px;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-weight: 900;
}
.km-read-comments .article-comments {
  border-bottom: 1px solid rgba(178,203,238,.1);
}
.km-read-comments .watch-video-show-more {
  width: fit-content;
  margin: 18px auto 0;
  padding: 9px 22px;
  border-radius: 999px;
  background: rgba(17, 32, 54, .96);
  color: #fff;
  font-weight: 900;
}

@media (max-width: 88em) {
  .km-read-hero {
    grid-template-columns: 180px minmax(0, 1fr);
  }
  .km-read-quote {
    display: none;
  }
  .km-read-shell {
    grid-template-columns: 1fr;
  }
  .km-read-sidepanel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 62em) {
  .km-read-hero {
    grid-template-columns: 1fr;
  }
  .km-read-cover-wrap {
    width: 170px;
  }
  .km-read-hero-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
  .km-read-sidepanel,
  .km-read-metric-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 42em) {
  .km-read-hero {
    padding-left: 18px;
    padding-right: 18px;
  }
  .km-read-actions,
  .km-read-actions a,
  .km-read-actions button,
  .km-read-hero-metrics,
  .km-read-hero-metrics div {
    width: 100%;
  }
  .km-read-hero-metrics {
    flex-direction: column;
  }
  .km-read-hero-metrics div + div {
    border-left: 0;
    border-top: 1px solid rgba(178,203,238,.12);
  }
  .km-read-viewer::before {
    min-height: 52px;
    padding: 0 14px;
    font-size: 13px;
    word-spacing: 8px;
  }
  .km-read-document-stage {
    padding: 16px;
    min-height: 420px;
  }
  .km-read-document {
    min-height: 520px;
    padding: 24px 18px;
    font-size: 16px;
  }
  .km-read-comments .pt_blogcomm_combo {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   KAMERAMA · Subir video
   Estructura: default/layout/upload-video + upload-video-new
   ============================================================ */
.km-upload-page,
.km-upload-page * {
  box-sizing: border-box;
}
.km-upload-page {
  position: relative;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100 - 70px);
  margin: 0;
  padding: clamp(28px, 4vw, 54px) clamp(18px, 4vw, 54px) 36px;
  overflow: hidden;
  color: #eef3ff;
  background:
    radial-gradient(circle at 6% 88%, rgba(180, 30, 14, 0.26), transparent 22%),
    linear-gradient(90deg, rgba(2, 6, 14, 0.72), rgba(3, 7, 15, 0.16) 48%, rgba(2, 6, 14, 0.86)),
    var(--km-upload-bg) center / cover no-repeat,
    #030712;
}
.km-upload-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(0, 132, 255, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.68));
  pointer-events: none;
}
.km-upload-page::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: .09;
  pointer-events: none;
}
.km-upload-hero,
.km-upload-benefits,
.km-upload-statement {
  position: relative;
  z-index: 1;
}
.km-upload-hero {
  width: min(1220px, 100%);
  margin: 0 auto;
}
.km-upload-shell {
  display: grid;
  grid-template-columns: 250px minmax(360px, 1fr) 170px;
  align-items: center;
  gap: clamp(18px, 3vw, 42px);
}
.km-upload-intro {
  align-self: start;
  padding-top: 28px;
}
.km-upload-kicker {
  display: none;
}
.km-upload-intro h1 {
  margin: 0;
  color: #f5f8ff;
  font-size: clamp(26px, 2.6vw, 42px);
  font-weight: 300;
  line-height: 1.28;
  letter-spacing: .46em;
  text-transform: uppercase;
  text-shadow: 0 14px 38px rgba(0, 0, 0, .58);
}
.km-upload-intro h1 span {
  display: block;
}
.km-upload-intro p {
  max-width: 250px;
  margin: 14px 0 0;
  color: rgba(231, 238, 250, .72);
  font-size: 13px;
  line-height: 1.55;
  letter-spacing: .24em;
}
.km-upload-intro i,
.km-upload-claim i,
.km-upload-statement span {
  display: block;
  width: 50px;
  height: 2px;
  margin-top: 24px;
  background: linear-gradient(90deg, #ff6a1a, transparent);
}
.km-upload-card,
.km-upload-card-wrap .content.km-upload-card {
  width: min(860px, 100%);
  margin: 0 auto !important;
  padding: 18px !important;
  border: 1px solid rgba(72, 143, 255, .13) !important;
  border-radius: 12px !important;
  background: rgba(8, 18, 33, .84) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  backdrop-filter: blur(10px);
}
.km-upload-card-wrap {
  min-width: 0;
}
.km-upload-panel-title {
  display: none;
}
.km-upload-card .upload,
.km-upload-card .pt_upload_vdo > .upload,
.km-upload-card.pt_upload_vdo > .upload {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: clamp(250px, 29vw, 318px);
  padding: 32px 24px;
  border: 1px dashed rgba(180, 201, 232, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 22%, rgba(95, 122, 156, .18), transparent 28%),
    linear-gradient(180deg, rgba(8, 18, 32, .66), rgba(5, 12, 24, .78));
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.km-upload-card .upload.hover,
.km-upload-card .upload.drag-active {
  border-color: rgba(255, 106, 26, .78);
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 106, 26, .16), transparent 30%),
    linear-gradient(180deg, rgba(10, 24, 43, .78), rgba(5, 12, 24, .86));
  transform: translateY(-2px);
}
.km-upload-card .upload > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 420px;
  text-align: center;
}
.km-upload-card .upload svg,
.km-upload-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  margin: 0 0 18px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(255,255,255,.13), rgba(53, 69, 94, .22));
  color: #f6f8ff;
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, .42));
}
.km-upload-card .upload > div > svg,
.km-upload-card .km-upload-icon svg {
  width: 48px;
  height: 48px;
  margin: 0;
  background: transparent;
  filter: none;
}
.km-upload-card .upload h4 {
  margin: 0;
  color: #fff;
  font-size: clamp(20px, 1.8vw, 25px);
  font-weight: 500;
  line-height: 1.2;
}
.km-upload-card .upload p,
.km-upload-card .upload .or {
  margin: 8px 0 0;
  color: rgba(230, 237, 249, .84);
  font-size: 13px;
  line-height: 1.35;
}
.km-upload-card .upload .or span {
  color: inherit;
}
.km-upload-select,
.km-upload-card .btn-main,
.km-upload-card .btn_primary {
  min-width: 204px;
  min-height: 50px;
  margin-top: 22px;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a1d, #f04e32) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 900 !important;
  box-shadow: 0 14px 34px rgba(239, 91, 42, .3) !important;
}
.km-upload-file-info {
  margin-top: 18px;
  color: rgba(214, 224, 240, .72);
  font-size: 12px;
  line-height: 1.4;
}
.km-upload-card .progress,
.km-upload-card .vid_fake_uplding {
  margin: 18px 0 0;
  padding: 16px;
  border: 1px solid rgba(72, 143, 255, .16);
  border-radius: 12px;
  background: rgba(5, 13, 25, .72);
  color: #eef3ff;
}
.km-upload-card .progress.hidden,
.km-upload-card .vid_fake_uplding.hidden,
.km-upload-form-panel.hidden {
  display: none !important;
}
.km-upload-card .percent {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-weight: 900;
  text-align: right;
}
.km-upload-card .progress_bar_parent {
  width: 100%;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.09);
}
.km-upload-card .upload-progress-bar {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff8a1d, #ff5a12) !important;
}
.km-upload-card hr {
  display: none;
}
.km-upload-form-panel {
  float: none !important;
  width: 100% !important;
  margin-top: 20px;
  padding: 22px !important;
  border: 1px solid rgba(72, 143, 255, .18);
  border-radius: 12px;
  background: rgba(5, 13, 25, .74);
}
.km-upload-form-panel .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 18px;
}
.km-upload-form-panel [class*="col-md-"] {
  float: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.km-upload-form-panel label {
  margin-bottom: 8px;
  color: #dce7f7;
  font-size: 13px;
  font-weight: 800;
}
.km-upload-form-panel .form-control,
.km-upload-form-panel input[type="text"],
.km-upload-form-panel input[type="number"],
.km-upload-form-panel textarea,
.km-upload-form-panel select {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(72, 143, 255, .22) !important;
  border-radius: 9px !important;
  background: rgba(9, 18, 33, .96) !important;
  color: #eef3ff !important;
  box-shadow: none !important;
}
.km-upload-form-panel textarea {
  min-height: 120px;
  resize: vertical;
}
.km-upload-form-panel .help-block {
  color: rgba(210, 221, 238, .66);
  font-size: 12px;
}
.km-upload-admin-notice,
.km-upload-short-notice {
  margin: 0 0 14px !important;
  border: 1px solid rgba(255, 193, 92, .24) !important;
  border-radius: 10px !important;
  background: rgba(255, 193, 92, .08) !important;
  color: #f5dfb5 !important;
}
.km-upload-admin-notice summary {
  cursor: pointer;
  color: #fff;
  font-weight: 800;
}

/* Import video uses the same visual system as upload, with URL-first flow. */
.km-import-page .km-upload-shell {
  grid-template-columns: 250px minmax(420px, 1fr) 170px;
}
.km-import-card {
  width: min(920px, 100%);
}
.km-import-card > .col-md-12,
.km-import-card .import-form-content,
.km-import-card #import-form,
.km-import-card .import-form-content > .row > .col-md-5 {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.km-import-card #fetch-form form {
  margin: 0;
}
.km-import-card #fetch-form .text-center > svg {
  display: inline-flex;
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  padding: 18px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(255,255,255,.13), rgba(53, 69, 94, .22));
  color: #f6f8ff;
  fill: currentColor;
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, .42));
}
.km-import-card #fetch-form .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  margin: 0;
  padding: 24px;
  border: 1px dashed rgba(180, 201, 232, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 22%, rgba(95, 122, 156, .18), transparent 28%),
    linear-gradient(180deg, rgba(8, 18, 32, .66), rgba(5, 12, 24, .78));
}
.km-import-card #fetch-form .row::before,
.km-import-card #fetch-form .row::after,
.km-import-card .import-form-content > .row::before,
.km-import-card .import-form-content > .row::after {
  display: none !important;
  content: none !important;
}
.km-import-card #fetch-form [class*="col-md-"] {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}
.km-import-card #fetch-form .col-md-9 {
  position: relative;
}
.km-import-card #fetch-form .col-md-9 > svg {
  position: absolute;
  left: 14px;
  top: 13px;
  z-index: 2;
  width: 20px;
  height: 20px;
  color: #8fa0bb;
}
.km-import-card #url {
  width: 100%;
  min-height: 48px;
  padding-left: 44px;
  border: 1px solid rgba(72, 143, 255, .22) !important;
  border-radius: 999px !important;
  background: rgba(9, 18, 33, .96) !important;
  color: #eef3ff !important;
  box-shadow: none !important;
}
.km-import-card #url:focus {
  border-color: rgba(255, 106, 26, .75) !important;
  box-shadow: 0 0 0 3px rgba(255, 106, 26, .11) !important;
}
.km-import-card #fetch-form .help-block {
  margin: 10px 0 0;
  color: rgba(210, 221, 238, .66);
  font-size: 12px;
}
.km-import-card .fetch-url {
  min-width: 154px;
  min-height: 48px;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a1d, #f04e32) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 34px rgba(239, 91, 42, .3) !important;
}
.km-import-card .import-form-content {
  margin-top: 20px;
  padding: 22px !important;
  border: 1px solid rgba(72, 143, 255, .18);
  border-radius: 12px;
  background: rgba(5, 13, 25, .74);
}
.km-import-card .import-form-content.hidden {
  display: none !important;
}
.km-import-card .import-form-content > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 22px;
  margin: 0;
}
.km-import-card #submit-imported-video .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 18px;
}
.km-import-card #submit-imported-video [class*="col-md-"] {
  float: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.km-import-card #submit-imported-video label {
  margin-bottom: 8px;
  color: #dce7f7;
  font-size: 13px;
  font-weight: 800;
}
.km-import-card #submit-imported-video .form-control,
.km-import-card #submit-imported-video input[type="text"],
.km-import-card #submit-imported-video textarea,
.km-import-card #submit-imported-video select {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(72, 143, 255, .22) !important;
  border-radius: 9px !important;
  background: rgba(9, 18, 33, .96) !important;
  color: #eef3ff !important;
  box-shadow: none !important;
}
.km-import-card #submit-imported-video textarea {
  min-height: 120px;
  resize: vertical;
}
.km-import-card #submit-imported-video .help-block {
  color: rgba(210, 221, 238, .66);
  font-size: 12px;
}
.km-import-card .thumbnail-preview {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  border: 1px dashed rgba(180, 201, 232, .22);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(8, 18, 32, .72), rgba(5, 12, 24, .84));
  cursor: pointer;
}
.km-import-card .thumbnail-preview::before {
  content: "Miniatura";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(230, 237, 249, .62);
  font-size: 13px;
  font-weight: 800;
}
.km-import-card .thumbnail-preview img[src]:not([src=""]) {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
}
.km-import-card .video-title p,
.km-import-card .video-description p {
  margin: 12px 0 0;
  color: #dce7f7;
  font-size: 13px;
  line-height: 1.45;
}
.km-import-card .video-title p {
  color: #fff;
  font-weight: 900;
}
.km-import-card .last-sett-btn.modal-footer {
  display: flex;
  justify-content: flex-end;
  margin: 20px -22px -22px !important;
  padding: 18px 22px;
  border-top: 1px solid rgba(178,203,238,.12);
  background: rgba(4, 10, 20, .68);
}
.km-import-card .submit-url {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 154px;
  min-height: 46px;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 36px rgba(239,91,42,.24);
}
.km-import-card .submit-url svg {
  width: 20px;
  height: 20px;
}
.km-upload-claim {
  justify-self: end;
  align-self: end;
  padding-bottom: 72px;
  color: rgba(235, 242, 255, .58);
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .55em;
  text-align: right;
  text-transform: uppercase;
}
.km-upload-claim span {
  display: block;
}
.km-upload-claim i {
  margin-left: auto;
  background: linear-gradient(90deg, transparent, #ff6a1a);
}
.km-upload-benefits {
  width: min(860px, 100%);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 10px auto 0;
}
.km-upload-benefits article {
  min-height: 96px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid rgba(72, 143, 255, .12);
  border-radius: 12px;
  background: rgba(10, 20, 36, .8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.km-upload-benefits article > span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(178, 203, 238, .14);
  border-radius: 50%;
  background: rgba(14, 28, 48, .94);
  color: #e6eefb;
}
.km-upload-benefits svg {
  width: 24px;
  height: 24px;
}
.km-upload-benefits h2 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.km-upload-benefits p {
  margin: 6px 0 0;
  color: rgba(213, 224, 240, .66);
  font-size: 12px;
  line-height: 1.5;
}
.km-upload-statement {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin-top: 34px;
  color: rgba(226, 235, 250, .58);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .58em;
  text-align: center;
}
.km-upload-statement span {
  width: 34px;
  margin: 0;
}
.km-upload-statement span:last-child {
  background: linear-gradient(90deg, transparent, #ff6a1a);
}

/* ============================================================
   KAMERAMA · Ayuda / Contacto
   Estructura: default/layout/contact/content.html
   ============================================================ */
.km-contact-page,
.km-contact-page * {
  box-sizing: border-box;
}
.km-contact-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 clamp(30px, 4vw, 56px);
  color: #eef3ff;
  background:
    radial-gradient(circle at 4% 92%, rgba(178, 28, 14, .18), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(255, 106, 26, .12), transparent 26%),
    #030712;
}
.km-contact-hero {
  position: relative;
  min-height: clamp(230px, 25vw, 340px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 42%);
  align-items: center;
  gap: clamp(20px, 4vw, 58px);
  margin: 0 0 18px;
  padding: clamp(34px, 5vw, 68px) clamp(26px, 5vw, 70px);
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, .2);
  border-radius: 0 0 14px 14px;
  background:
    linear-gradient(90deg, rgba(2, 6, 14, .96), rgba(55, 11, 5, .35) 56%, rgba(2, 6, 14, .88)),
    var(--km-section-panel-image) center / cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 22px 68px rgba(0, 0, 0, .28);
}
.km-contact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 56% 30%, rgba(255, 91, 18, .22), transparent 26%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(2,6,17,.46));
  pointer-events: none;
}
.km-contact-hero-copy,
.km-contact-hero-scene {
  position: relative;
  z-index: 1;
}
.km-contact-hero-copy span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgba(236, 243, 255, .72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .34em;
  text-transform: uppercase;
}
.km-contact-hero-copy span::before {
  content: "";
  width: 42px;
  height: 2px;
  background: #ff6a1a;
}
.km-contact-hero h1 {
  margin: 14px 0 0;
  color: #fff;
  font-size: clamp(44px, 5vw, 76px);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.06em;
  text-shadow: 0 16px 44px rgba(0, 0, 0, .52);
}
.km-contact-hero p {
  max-width: 650px;
  margin: 14px 0 0;
  color: #d5deeb;
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.48;
}
.km-contact-hero-scene {
  min-height: 210px;
}
.km-contact-hero-scene::before {
  content: "Mas que cine,\Auna comunidad";
  white-space: pre;
  position: absolute;
  right: clamp(18px, 4vw, 60px);
  bottom: 18px;
  z-index: 2;
  color: #fff;
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(22px, 2.1vw, 34px);
  font-weight: 700;
  line-height: 1.08;
  text-align: center;
  transform: rotate(-8deg);
  text-shadow: 0 10px 26px rgba(0,0,0,.45);
}
.km-contact-hero-scene::after {
  content: "";
  position: absolute;
  right: clamp(22px, 5vw, 86px);
  bottom: 0;
  width: 136px;
  height: 4px;
  border-radius: 999px;
  background: #ff6a1a;
  transform: rotate(-8deg);
}
.km-contact-camera {
  position: absolute;
  right: clamp(42px, 7vw, 118px);
  top: 14px;
  width: clamp(154px, 18vw, 260px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 28%, rgba(5, 7, 12, .94) 29% 34%, transparent 35%),
    conic-gradient(from 20deg, rgba(0,0,0,.92), rgba(255,106,26,.28), rgba(0,0,0,.92), rgba(255,106,26,.24), rgba(0,0,0,.92));
  filter: drop-shadow(0 28px 44px rgba(0,0,0,.58));
  opacity: .82;
}
.km-contact-camera::before,
.km-contact-camera::after {
  content: "";
  position: absolute;
  inset: 18%;
  border: 3px solid rgba(255,106,26,.38);
  border-radius: 50%;
}
.km-contact-camera::after {
  inset: 38%;
  background: rgba(0,0,0,.72);
  border-color: rgba(255,255,255,.13);
}
.km-contact-light {
  position: absolute;
  right: clamp(80px, 12vw, 200px);
  top: 50%;
  width: 160px;
  height: 78px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 106, 26, .42), transparent 68%);
  filter: blur(10px);
  opacity: .7;
}
.km-contact-main {
  display: grid;
  grid-template-columns: minmax(340px, 1.05fr) minmax(300px, .95fr);
  gap: 18px;
  align-items: stretch;
  margin: 0;
}
.km-contact-form,
.km-contact-support,
.km-contact-more {
  border: 1px solid rgba(72, 143, 255, .2);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(8, 20, 37, .96), rgba(5, 12, 24, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 54px rgba(0,0,0,.22);
}
.km-contact-form {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: clamp(20px, 2.6vw, 32px);
}
.km-contact-form::before {
  content: "Envianos un mensaje";
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 900;
  letter-spacing: -.035em;
}
.km-contact-form::after {
  content: "Completá el formulario y nuestro equipo te responderá lo antes posible.";
  display: block;
  margin-top: -8px;
  color: #b8c4d6;
  font-size: 14px;
  line-height: 1.45;
}
.km-contact-form label {
  display: grid;
  gap: 8px;
  margin: 0;
  color: #eef3ff;
  font-size: 13px;
  font-weight: 800;
}
.km-contact-form input,
.km-contact-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid rgba(72,143,255,.24);
  border-radius: 9px;
  outline: 0;
  background: rgba(10, 23, 41, .96);
  color: #edf2ff;
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.km-contact-form textarea {
  min-height: 132px;
  padding-top: 14px;
  resize: vertical;
}
.km-contact-form input::placeholder,
.km-contact-form textarea::placeholder {
  color: #8f9db1;
}
.km-contact-form input:focus,
.km-contact-form textarea:focus {
  border-color: rgba(255, 106, 26, .72);
  box-shadow: 0 0 0 3px rgba(255, 106, 26, .1);
}
.km-contact-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  margin-top: 4px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 14px 34px rgba(239, 91, 42, .28);
}
.km-contact-form button svg {
  width: 20px;
  height: 20px;
}
.contact-us-alert:empty {
  display: none;
}
.contact-us-alert .alert {
  margin: 0;
  border-radius: 9px;
}
.km-contact-support {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: clamp(20px, 2.5vw, 32px);
  background:
    radial-gradient(circle at 78% 20%, rgba(255, 106, 26, .24), transparent 26%),
    linear-gradient(180deg, rgba(9, 21, 38, .96), rgba(5, 12, 24, .98));
}
.km-contact-support-illustration {
  position: relative;
  min-height: 270px;
  margin: -4px -6px 18px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, transparent 0 78%, rgba(255,106,26,.28) 79% 80%, rgba(5,12,24,.85) 81%),
    radial-gradient(circle at 78% 58%, rgba(255,106,26,.36), transparent 32%),
    rgba(9, 19, 35, .74);
}
.km-contact-support-illustration::before {
  content: "Tu opinión\Atambién forma\Aparte de esta\Acomunidad";
  white-space: pre;
  position: absolute;
  left: 28px;
  top: 36px;
  z-index: 2;
  width: 174px;
  padding: 18px 20px;
  border: 1px solid rgba(72,143,255,.25);
  border-radius: 9px;
  color: #fff;
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: 20px;
  line-height: 1.18;
  background: rgba(9, 19, 35, .72);
  transform: rotate(-6deg);
}
.km-contact-support-illustration::after {
  content: "";
  position: absolute;
  left: 82px;
  bottom: 22px;
  width: 150px;
  height: 82px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(145deg, #26324a, #0b1220);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.06);
}
.km-contact-person {
  position: absolute;
  right: 42px;
  bottom: 22px;
  width: 150px;
  height: 190px;
  border-radius: 76px 76px 20px 20px;
  background:
    radial-gradient(circle at 50% 24%, #ffd0a6 0 23%, transparent 24%),
    linear-gradient(180deg, transparent 0 46%, #e9532f 47% 100%);
  filter: drop-shadow(0 18px 24px rgba(0,0,0,.38));
}
.km-contact-person::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 14px;
  width: 92px;
  height: 58px;
  border-radius: 48px 48px 24px 24px;
  background: #151015;
}
.km-contact-headset {
  position: absolute;
  right: 74px;
  top: 86px;
  z-index: 3;
  width: 104px;
  height: 80px;
  border: 8px solid #111827;
  border-bottom-color: transparent;
  border-radius: 60px 60px 0 0;
}
.km-contact-headset::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -22px;
  width: 42px;
  height: 14px;
  border-radius: 999px;
  background: #111827;
}
.km-contact-support h2 {
  position: absolute;
  left: -9999px;
}
.km-contact-info-list {
  display: grid;
  gap: 14px;
}
.km-contact-info-list div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px 14px;
  align-items: center;
}
.km-contact-info-list span {
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #ff6a1a;
  background: rgba(255,106,26,.1);
}
.km-contact-info-list strong {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.km-contact-info-list p {
  margin: 0;
  color: #aeb9cc;
  font-size: 12px;
  line-height: 1.35;
}
.km-contact-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 18px;
  padding: 24px clamp(22px, 4vw, 42px);
}
.km-contact-more h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  letter-spacing: -.035em;
}
.km-contact-more p {
  max-width: 620px;
  margin: 7px 0 0;
  color: #b8c4d6;
  font-size: 14px;
  line-height: 1.45;
}
.km-contact-more a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
}
.km-contact-more a::after {
  content: "›";
  margin-left: 12px;
  font-size: 24px;
  line-height: 1;
}

/* ============================================================
   KAMERAMA · Canales populares
   Estructura: default/layout/popular_channels/content.html + list.html
   ============================================================ */
.popular_channels_prnt,
.popular_channels_prnt *,
.popular_channels_prnt ~ .watch-video-show-more {
  box-sizing: border-box;
}
.popular_channels_prnt {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0 0 32px;
  color: #eef3ff;
  background:
    radial-gradient(circle at 6% 88%, rgba(0, 132, 255, .12), transparent 24%),
    radial-gradient(circle at 86% 0%, rgba(255, 106, 26, .14), transparent 28%),
    #030712;
}
.popular_channels_prnt::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: clamp(260px, 34vw, 420px);
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(3,7,15,.98), rgba(6,18,32,.7) 42%, rgba(3,7,15,.72)),
    url('../img/Kamerama/FondoPanel.png') center / cover no-repeat;
  opacity: .96;
}
.popular_channels_prnt::after {
  content: "Creadores\Aque dejan huella";
  white-space: pre;
  position: absolute;
  right: clamp(190px, 28vw, 420px);
  top: 34px;
  z-index: 1;
  color: rgba(255,255,255,.78);
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(22px, 2vw, 34px);
  font-weight: 700;
  line-height: 1.1;
  transform: rotate(-12deg);
  text-shadow: 0 14px 34px rgba(0,0,0,.5);
}
.popular_channels {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 28px;
  align-items: end;
  padding: clamp(18px, 2.6vw, 32px) clamp(16px, 2.4vw, 28px) 180px;
  min-height: clamp(260px, 31vw, 380px);
  overflow: hidden;
}
.popular_channels .bg_trail,
.popular_channels > .icon {
  display: none !important;
}
.popular_channels h2 {
  grid-column: 1 / -1;
  align-self: start;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 3.7vw, 58px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.055em;
  text-shadow: 0 16px 44px rgba(0,0,0,.52);
}
.popular_channels h2::after {
  content: "Descubre creadores increibles y explora sus canales en Kamerama.";
  display: block;
  margin-top: 10px;
  color: #d4deeb;
  font-size: clamp(14px, 1.1vw, 18px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
}
.vid_pop_chnl_filtr {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.vid_pop_chnl_filtr span {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.vid_pop_chnl_filtr select {
  width: auto;
  min-width: 210px;
  height: 42px;
  margin: 0 !important;
  padding: 0 36px 0 16px;
  border: 1px solid rgba(72,143,255,.24);
  border-radius: 9px;
  outline: 0;
  background: rgba(10, 23, 41, .94);
  color: #eef3ff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.18);
}
.vid_pop_chnl_filtr .btn-main,
.vid_pop_chnl_filtr #submit {
  min-width: 106px;
  height: 42px;
  margin: 0;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 14px 32px rgba(239, 91, 42, .26);
}
.popular_channels::after {
  content: "IDEAS\APERSONAS\AHISTORIAS\AUN MUNDO REAL";
  white-space: pre;
  position: absolute;
  right: clamp(22px, 4vw, 60px);
  top: 72px;
  color: rgba(220, 231, 247, .58);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: .24em;
  text-align: right;
}
.popular_channels_list.row {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: -152px 0 0 !important;
  padding: 0 clamp(16px, 2.4vw, 28px);
  counter-reset: kmChannelRank;
}
.popular_channels_list::before,
.popular_channels_list > .clear {
  display: none !important;
}
.popular_channels_list::after {
  content: "Grandes historias\Acomienzan con\Agrandes creadores.";
  white-space: pre;
  grid-column: 4;
  grid-row: 1;
  align-self: center;
  min-height: 150px;
  display: flex;
  align-items: center;
  padding: 0 26px 0 46px;
  border-left: 1px solid rgba(220,231,247,.25);
  color: rgba(226,235,250,.66);
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: 20px;
  line-height: 1.28;
}
.popular_channels_list .channels_list {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
  counter-increment: kmChannelRank;
}
.popular_channels_list .channels_list:nth-child(-n + 3) {
  grid-row: 1;
  align-self: end;
  min-height: 190px;
}
.popular_channels_list .channels_list:nth-child(1) {
  grid-column: 2;
  transform: translateY(-26px);
}
.popular_channels_list .channels_list:nth-child(2) {
  grid-column: 1;
  transform: translateY(10px);
}
.popular_channels_list .channels_list:nth-child(3) {
  grid-column: 3;
  transform: translateY(10px);
}
.popular_channels_list .channels_list:nth-child(-n + 3)::before {
  content: counter(kmChannelRank);
  position: absolute;
  left: 50%;
  top: -16px;
  z-index: 5;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 3px solid rgba(255,255,255,.76);
  border-radius: 50%;
  background: rgba(17, 32, 54, .96);
  color: #dce7f7;
  font-size: 20px;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(0,0,0,.34);
}
.popular_channels_list .channels_list:nth-child(1)::before {
  top: -28px;
  width: 46px;
  height: 46px;
  border-color: #ffcf57;
  background: linear-gradient(135deg, #ffd36c, #d9891e);
  color: #fff;
}
.popular_channels_list .vid_pop_channls,
.popular_channels_list .user-wrapper.vid_pop_channls {
  position: relative;
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 24px;
  gap: 12px;
  align-items: center;
  min-height: 116px;
  margin: 0 !important;
  padding: 14px 16px !important;
  overflow: hidden;
  border: 1px solid rgba(72,143,255,.18) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(9, 22, 39, .94), rgba(5, 13, 25, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 36px rgba(0,0,0,.22) !important;
}
.popular_channels_list .vid_pop_channls::after {
  content: "⋮";
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  align-self: start;
  color: rgba(220,231,247,.58);
  font-size: 20px;
  line-height: 1;
}
.popular_channels_list .channels_list:nth-child(-n + 3) .vid_pop_channls {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-height: 168px;
  padding: 26px 20px 18px !important;
  text-align: center;
  background: linear-gradient(180deg, rgba(12, 30, 52, .76), rgba(7, 17, 31, .86)) !important;
}
.popular_channels_list .channels_list:nth-child(1) .vid_pop_channls {
  min-height: 194px;
  border-color: rgba(255, 184, 55, .76) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 176, 38, .28), transparent 40%),
    linear-gradient(180deg, rgba(42, 30, 12, .72), rgba(7, 17, 31, .9)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,184,55,.25), 0 0 44px rgba(255,151,28,.34) !important;
}
.popular_channels_list .video-thumb {
  grid-column: 1;
  grid-row: 1;
  width: 70px;
  height: 70px;
  margin: 0 !important;
  overflow: hidden;
  border: 2px solid rgba(220,231,247,.68);
  border-radius: 50%;
  background: #101827;
  box-shadow: 0 10px 20px rgba(0,0,0,.28);
}
.popular_channels_list .video-thumb a,
.popular_channels_list .video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}
.popular_channels_list .video-thumb img {
  object-fit: cover;
}
.popular_channels_list .channels_list:nth-child(-n + 3) .video-thumb {
  width: 92px;
  height: 92px;
  margin: 0 auto 8px !important;
}
.popular_channels_list .channels_list:nth-child(1) .video-thumb {
  width: 104px;
  height: 104px;
  border-color: #ffcf57;
}
.popular_channels_list .video-title {
  grid-column: 2;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.popular_channels_list .video-title a {
  color: #fff !important;
  text-decoration: none !important;
}
.popular_channels_list .video-title h4 {
  max-width: 100%;
  margin: 0 0 4px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popular_channels_list .video-title h4::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 6px;
  border-radius: 50%;
  vertical-align: -1px;
  background: #3198ff;
  box-shadow: inset 0 0 0 3px #3198ff;
}
.popular_channels_list .video-title h6 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 5px 0 0 !important;
  color: #c6d2e3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25;
}
.popular_channels_list .video-title h6 svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  stroke: currentColor !important;
}
.popular_channels_list .channels_list:nth-child(-n + 3) .video-title h6 {
  justify-content: center;
}
.popular_channels_list .channels_list:nth-child(n + 4) .video-title::after {
  content: "Ver canal      Suscribirse";
  display: block;
  width: min(230px, 100%);
  margin-top: 10px;
  padding: 8px 0;
  border-radius: 7px;
  background: linear-gradient(90deg, rgba(17, 32, 54, .96) 0 48%, transparent 48% 52%, #ff5a12 52% 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  white-space: pre;
}
.popular_channels_list .channels_list:nth-child(n + 5) {
  grid-column: auto;
  transform: none;
}
.popular_channels_prnt ~ .watch-video-show-more.load-more {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(300px, calc(100% - 32px));
  min-height: 42px;
  margin: -18px auto 0;
  padding: 0 24px;
  border: 1px solid rgba(72,143,255,.24);
  border-radius: 9px;
  background: rgba(17, 32, 54, .96);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.popular_channels_prnt ~ .watch-video-show-more.load-more::before {
  content: "↓";
  margin-right: 10px;
  font-size: 18px;
}

/* ============================================================
   KAMERAMA · 404
   Estructura: default/layout/404/content.html
   ============================================================ */
.km-error-page,
.km-error-page * {
  box-sizing: border-box;
}
.page-margin.km-error-page {
  width: 100%;
  max-width: 100%;
  min-height: calc(var(--vh, 1vh) * 100 - 150px);
  margin: 0 !important;
  padding: clamp(18px, 3vw, 42px) clamp(14px, 3vw, 42px) !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 86%, rgba(255, 106, 26, .12), transparent 28%),
    radial-gradient(circle at 78% 12%, rgba(0, 132, 255, .14), transparent 30%),
    #030712;
}
.page-margin.km-error-page .pt_404.km-error-404,
.km-error-page .km-error-404 {
  position: relative;
  display: grid;
  place-items: center;
  width: min(1280px, 100%) !important;
  height: auto !important;
  min-height: min(720px, calc(var(--vh, 1vh) * 100 - 210px));
  margin: 0 auto !important;
  padding: clamp(18px, 3vw, 40px) !important;
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, .18);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(3, 7, 15, .15), rgba(3, 7, 15, .72)),
    #080d17 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.35);
}
.km-error-404__image {
  display: block;
  width: min(100%, 1120px);
  max-width: 100%;
  max-height: min(620px, calc(var(--vh, 1vh) * 100 - 260px));
  object-fit: contain;
  object-position: center;
  border-radius: 14px;
}
.km-error-404__button,
.pt_404 .km-error-404__button.btn {
  position: absolute;
  right: clamp(24px, 5vw, 72px);
  bottom: clamp(26px, 5vw, 72px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 150px;
  min-height: 54px;
  margin: 0 !important;
  padding: 0 26px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff3b2f, #e51f24) !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 18px 38px rgba(229, 31, 36, .28);
}
.km-error-404__button svg {
  width: 20px;
  height: 20px;
}
.km-error-404__button:hover,
.pt_404 .km-error-404__button.btn:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 22px 46px rgba(229, 31, 36, .36);
}

/* ============================================================
   KAMERAMA · Perfil / Canal de usuario
   Estructura: default/layout/timeline/content.html
   ============================================================ */
.km-profile-container,
.km-profile-container * {
  box-sizing: border-box;
}
.km-profile-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 clamp(32px, 4vw, 58px);
  color: #eef3ff;
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 106, 26, .13), transparent 25%),
    radial-gradient(circle at 6% 88%, rgba(0, 132, 255, .1), transparent 28%),
    #030712;
}
.km-profile-hero,
.pt_main_chnl_hdrr.km-profile-hero {
  position: relative;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, .2);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(7, 16, 31, .96), rgba(4, 10, 20, .98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 20px 62px rgba(0,0,0,.24);
}
.km-profile-cover-card,
.km-profile-cover-card.card-container {
  position: relative;
  width: 100%;
  height: clamp(210px, 25vw, 330px);
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #07101f;
}
.km-profile-cover-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(3,7,15,.3) 62%, rgba(3,7,15,.86)),
    radial-gradient(circle at 50% 30%, rgba(255,106,26,.16), transparent 28%);
  pointer-events: none;
}
.km-profile-cover-card .cover-container,
.km-profile-cover-card .cover-container-2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(3,7,15,.95), rgba(42,17,7,.35), rgba(3,7,15,.88)),
    url('../img/Kamerama/FondoPanel.png') center / cover no-repeat;
}
.km-profile-cover-card .cover-container img,
.km-profile-cover-card .cover-container-2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-profile-cover-empty img {
  display: none !important;
}
.km-profile-cover-placeholder {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 4;
  display: none;
  min-width: 160px;
  padding: 14px 18px 14px 52px;
  border: 1px solid rgba(178,203,238,.14);
  border-radius: 10px;
  background: rgba(17, 32, 54, .86);
  color: #dce5f3;
  font-size: 13px;
  line-height: 1.25;
  box-shadow: 0 14px 36px rgba(0,0,0,.26);
}
.km-profile-cover-placeholder::before {
  content: "▧";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #dce7f7;
  font-size: 22px;
}
.km-profile-cover-placeholder::after {
  content: "Añade una portada";
  display: block;
  margin-top: 3px;
  color: #9eabbd;
  font-size: 11px;
}
.km-profile-cover-empty .km-profile-cover-placeholder {
  display: block;
}
.km-profile-cover-card .edit-cover-container {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 5;
}
.km-profile-cover-card .edit-cover-container a,
.km-profile-cover-card .btn-upload-image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(178,203,238,.16);
  border-radius: 10px;
  background: rgba(17, 32, 54, .9);
  color: #fff;
}
.km-profile-info,
.pt_chnl_info.km-profile-info {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 22px;
  min-height: 168px;
  margin: -48px 0 0;
  padding: 0 clamp(22px, 3vw, 40px) 24px;
  background:
    linear-gradient(90deg, rgba(5, 11, 22, .98), rgba(5, 11, 22, .78) 68%, rgba(49, 20, 10, .36)),
    radial-gradient(circle at 90% 80%, rgba(255,106,26,.16), transparent 24%);
}
.km-profile-info .avatar-container {
  position: relative;
  width: 150px;
  height: 150px;
  align-self: start;
  margin: 0;
  border: 3px solid #ff6a1a;
  border-radius: 50%;
  background: var(--kamerama-avatar-bg, #101827);
  box-shadow: 0 18px 36px rgba(0,0,0,.36);
}
.km-profile-info .avatar-container img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.km-profile-avatar-edit {
  position: absolute;
  right: -2px;
  bottom: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(178,203,238,.22);
  border-radius: 50%;
  background: rgba(17, 32, 54, .98);
  color: #fff !important;
  text-decoration: none !important;
}
.km-profile-avatar-edit svg {
  width: 20px;
  height: 20px;
}
.km-profile-info .info-container {
  min-width: 0;
  padding-top: 60px;
}
.km-profile-info h4 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 2.8vw, 44px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.045em;
}
.km-profile-info h4 a {
  color: #fff !important;
  text-decoration: none !important;
}
.km-profile-info h4::after {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff8a1d, #f04e32);
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0;
}
.km-profile-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  color: #c4cfdf;
  font-size: 15px;
}
.km-profile-meta-dot {
  color: rgba(255,255,255,.32);
}
.km-profile-about {
  max-width: min(900px, 100%);
  margin-top: 14px;
  color: #d3dce9;
  font-size: 15px;
  line-height: 1.48;
}
.km-profile-social-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}
.km-profile-social-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  color: #b9c5d6 !important;
  font-size: 13px;
  text-decoration: none !important;
}
.km-profile-social-link span {
  color: #dce7f7;
  font-weight: 700;
}
.km-profile-social-link::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.km-profile-social-link--facebook::before { content: "f"; background: #1877f2; }
.km-profile-social-link--google::before { content: "G"; background: #111827; color: #ff5a12; }
.km-profile-social-link--twitter::before { content: "X"; background: #111827; }
.km-profile-social-link--instagram::before { content: "◎"; background: linear-gradient(135deg, #7b2ff7, #f04e32); }
.km-profile-actions {
  position: absolute;
  right: clamp(22px, 3vw, 40px);
  top: 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
}
.km-profile-actions a,
.km-profile-actions button,
.km-profile-actions .btn,
.km-profile-customize,
.km-profile-manage {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 132px;
  min-height: 46px;
  padding: 0 22px !important;
  border-radius: 13px !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 900 !important;
  text-decoration: none !important;
}
.km-profile-customize,
.km-profile-actions .btn-main,
.km-profile-actions .subscribe-btn {
  border: 0 !important;
  background: linear-gradient(135deg, #ff8a1d, #f04e32) !important;
  box-shadow: 0 14px 34px rgba(239,91,42,.28);
}
.km-profile-customize::before { content: "✎"; }
.km-profile-manage,
.km-profile-actions .message-button,
.km-profile-actions .btn-default {
  border: 1px solid rgba(255,106,26,.7) !important;
  background: rgba(7, 14, 26, .78) !important;
}
.km-profile-manage::before { content: "⚙"; }
.km-profile-more-options {
  position: relative;
}
.km-profile-more-btn {
  min-width: 46px !important;
  width: 46px;
  padding: 0 !important;
  border: 1px solid rgba(178,203,238,.2) !important;
  background: rgba(17,32,54,.9) !important;
}
.km-profile-more-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 20;
  display: none;
  min-width: 160px;
  margin: 0;
  padding: 8px;
  list-style: none;
  border: 1px solid rgba(72,143,255,.22);
  border-radius: 10px;
  background: #08101f;
}
.km-profile-more-options.is-open .km-profile-more-dropdown {
  display: block;
}
.km-profile-hero .links-container {
  position: relative;
  z-index: 7;
  margin: 10px 0 0;
  padding: 0 clamp(22px, 3vw, 40px);
  border-top: 1px solid rgba(72,143,255,.14);
  background: rgba(6, 14, 27, .86);
}
.km-profile-hero .links-container ul {
  display: flex;
  align-items: center;
  gap: clamp(10px, 2vw, 34px);
  min-height: 74px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.km-profile-hero .links-container li:last-child {
  margin-left: auto;
}
.km-profile-hero .links-container a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 74px;
  padding: 0 18px;
  color: #c5cfdf !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
}
.km-profile-hero .links-container a.active,
.km-profile-hero .links-container a:hover {
  color: #ff7b2c !important;
}
.km-profile-hero .links-container a.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: #ff6a1a;
}
.km-profile-search {
  display: flex;
  align-items: center;
  width: min(320px, 28vw);
  height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(72,143,255,.24);
  border-radius: 999px;
  background: rgba(10, 23, 41, .86);
}
.km-profile-search-toggle {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #dce7f7;
}
.km-profile-search-toggle svg {
  width: 21px;
  height: 21px;
}
.km-profile-search-input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #eef3ff;
  font-size: 14px;
}
.km-profile-search-input::placeholder {
  color: #9ba8bb;
}
.km-profile-container .pt_main_chnl_content,
.km-profile-container .page-container.content.pt_main_chnl_content {
  margin: 0 !important;
  padding: 0 clamp(18px, 2.5vw, 34px) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.km-profile-container .pt_main_chnl_content_title,
.km-profile-container .recent-articles {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 6px;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  letter-spacing: -.035em;
}
.km-profile-container .pt_main_chnl_content_title svg {
  display: none;
}
.km-profile-container .pt_main_chnl_content_title::after {
  content: "Explora todo el contenido de este canal.";
  display: block;
  margin-left: 0;
  color: #9eabbd;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}
.km-profile-container .videos-latest-list.row,
.km-profile-container .videos-latest-list {
  margin: 18px 0 0 !important;
}
.km-profile-container .videos-latest-list.row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.km-profile-container .videos-latest-list.row::before,
.km-profile-container .videos-latest-list.row::after,
.km-profile-container .videos-latest-list.row > .clear {
  display: none !important;
}
.km-profile-container .videos-latest-list.row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}
.km-profile-container .video-wrapper,
.km-profile-container .video-latest-list {
  margin: 0 !important;
}
.km-profile-container .pt_chnl_actvty,
.km-profile-container .pt_actv_prnt {
  margin: 0;
}
.km-profile-container .watch-video-show-more,
.km-profile-container .load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 220px;
  min-height: 42px;
  margin: 22px auto 0 !important;
  padding: 0 24px;
  border: 1px solid rgba(72,143,255,.24);
  border-radius: 9px;
  background: rgba(17, 32, 54, .96);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

/* ============================================================
   KAMERAMA · Terminos y condiciones / Legal
   Estructura: default/layout/terms/terms.html
   ============================================================ */
.km-legal-page,
.km-legal-page * {
  box-sizing: border-box;
}
.km-legal-page {
  --km-legal-border: rgba(72, 143, 255, .2);
  --km-legal-muted: #aab6c8;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 clamp(32px, 5vw, 70px);
  color: #eef3ff;
  background:
    radial-gradient(circle at 4% 90%, rgba(0, 132, 255, .1), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(255, 106, 26, .12), transparent 28%),
    #030712;
}
.km-legal-hero {
  position: relative;
  min-height: clamp(235px, 25vw, 350px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 42%);
  align-items: center;
  gap: clamp(22px, 4vw, 60px);
  margin: 0 0 0;
  padding: clamp(28px, 4.5vw, 64px) clamp(18px, 4vw, 56px);
  overflow: hidden;
  border-bottom: 1px solid var(--km-legal-border);
  background:
    linear-gradient(90deg, rgba(3, 7, 15, .98), rgba(3, 7, 15, .64) 52%, rgba(3, 7, 15, .3)),
    var(--km-legal-hero-bg) center / cover no-repeat;
}
.km-legal-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 62% 32%, rgba(255, 106, 26, .16), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(3,7,15,.7));
  pointer-events: none;
}
.km-legal-hero__content,
.km-legal-hero__visual {
  position: relative;
  z-index: 1;
}
.km-legal-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 22px;
  color: #8795aa;
  font-size: 13px;
  font-weight: 700;
}
.km-legal-breadcrumb a {
  color: #9fb0c8 !important;
  text-decoration: none !important;
}
.km-legal-breadcrumb span:last-child {
  color: #c4cedd;
}
.km-legal-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.06em;
  text-shadow: 0 18px 50px rgba(0,0,0,.54);
}
.km-legal-hero p {
  margin: 12px 0 0;
  color: #c3d0e3;
  font-size: clamp(17px, 1.5vw, 23px);
  line-height: 1.35;
}
.km-legal-updated {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  color: #aeb9cc;
  font-size: 14px;
  font-weight: 600;
}
.km-legal-updated span {
  color: #ff6a1a;
}
.km-legal-hero__line {
  display: block;
  width: 56px;
  height: 3px;
  margin-top: 20px;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-legal-hero__visual {
  min-height: 210px;
}
.km-legal-hero__visual::before {
  content: "HISTORIAS REALES\APERSONAS REALES\AUNA COMUNIDAD";
  white-space: pre;
  position: absolute;
  left: 12%;
  top: 30%;
  color: rgba(235, 242, 255, .76);
  font-size: clamp(11px, .95vw, 15px);
  font-weight: 800;
  line-height: 1.55;
  letter-spacing: .55em;
  text-transform: uppercase;
}
.km-legal-hero__visual::after {
  content: "MAS\AQUE\AVIDEOS";
  white-space: pre;
  position: absolute;
  right: 0;
  bottom: 10%;
  color: rgba(235, 242, 255, .62);
  font-size: clamp(11px, .95vw, 15px);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .48em;
  text-align: right;
  text-transform: uppercase;
}
.km-legal-content {
  padding: 0 clamp(14px, 2.6vw, 42px);
}
.km-legal-layout {
  display: grid;
  grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  width: min(1480px, 100%);
  margin: -34px auto 0;
  position: relative;
  z-index: 2;
}
.km-legal-toc,
.km-legal-content__inner {
  border: 1px solid var(--km-legal-border);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(8, 20, 37, .96), rgba(4, 10, 20, .97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 20px 60px rgba(0,0,0,.24);
}
.km-legal-toc {
  position: sticky;
  top: 86px;
  padding: 18px;
}
.km-legal-toc h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}
.km-legal-toc h2 span {
  color: #ff6a1a;
}
.km-legal-toc__list {
  display: grid;
  gap: 7px;
}
.km-legal-toc__list:empty::before {
  content: "El índice se generará cuando haya secciones disponibles.";
  display: block;
  color: #8f9db1;
  font-size: 13px;
  line-height: 1.45;
}
.km-legal-toc__list a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 7px 10px;
  border-radius: 9px;
  color: #b9c5d6 !important;
  text-decoration: none !important;
}
.km-legal-toc__list a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(178,203,238,.28);
  border-radius: 50%;
  color: #dce7f7;
  font-size: 13px;
  font-weight: 900;
}
.km-legal-toc__list a strong {
  min-width: 0;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.km-legal-toc__list a b {
  color: #9fb0c8;
  font-size: 22px;
  line-height: 1;
}
.km-legal-toc__list a.active,
.km-legal-toc__list a:hover {
  background: rgba(255, 106, 26, .12);
  color: #ff7b2c !important;
}
.km-legal-toc__list a.active span,
.km-legal-toc__list a:hover span {
  border-color: #ff6a1a;
  color: #ff6a1a;
}
.km-legal-help-card {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid rgba(72,143,255,.16);
  border-radius: 12px;
  background: rgba(8, 17, 32, .74);
}
.km-legal-help-card::before {
  content: "?";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 12px;
  border: 2px solid #ff6a1a;
  border-radius: 50%;
  color: #ff6a1a;
  font-size: 24px;
  font-weight: 900;
}
.km-legal-help-card strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}
.km-legal-help-card p {
  margin: 5px 0 14px;
  color: #aeb9cc;
  font-size: 13px;
}
.km-legal-help-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(255,106,26,.7);
  border-radius: 999px;
  color: #ff7b2c !important;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none !important;
}
.km-legal-content__inner {
  counter-reset: kmLegalSection;
  min-height: 520px;
  padding: clamp(24px, 3.5vw, 54px) clamp(24px, 4vw, 70px);
  color: #c5cfdf;
  font-size: 15px;
  line-height: 1.68;
}
.km-legal-content__inner h1,
.km-legal-content__inner h2,
.km-legal-content__inner h3 {
  position: relative;
  counter-increment: kmLegalSection;
  margin: 0 0 10px;
  padding-left: 70px;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -.035em;
}
.km-legal-content__inner h1::before,
.km-legal-content__inner h2::before,
.km-legal-content__inner h3::before {
  content: counter(kmLegalSection);
  position: absolute;
  left: 0;
  top: -4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 2px solid rgba(255,106,26,.75);
  border-radius: 50%;
  color: #ff7b2c;
  font-size: 23px;
  font-weight: 900;
}
.km-legal-content__inner h1:not(:first-child),
.km-legal-content__inner h2:not(:first-child),
.km-legal-content__inner h3:not(:first-child) {
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid rgba(178,203,238,.13);
}
.km-legal-content__inner h1:not(:first-child)::before,
.km-legal-content__inner h2:not(:first-child)::before,
.km-legal-content__inner h3:not(:first-child)::before {
  top: 20px;
}
.km-legal-content__inner p,
.km-legal-content__inner ul,
.km-legal-content__inner ol {
  margin: 0 0 14px;
}
.km-legal-content__inner p + p {
  margin-top: 10px;
}
.km-legal-content__inner a {
  color: #ff7b2c !important;
}
.km-legal-content__inner ul,
.km-legal-content__inner ol {
  padding-left: 22px;
}
.km-legal-content__inner li {
  margin-bottom: 8px;
}
.km-legal-content__inner strong {
  color: #fff;
}
.km-legal-content__inner blockquote,
.km-legal-content__inner .alert,
.km-legal-content__inner p:has(strong):nth-of-type(odd) {
  margin: 18px 0;
  padding: 15px 18px;
  border: 1px solid rgba(255,106,26,.62);
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(255,106,26,.12), rgba(255,106,26,.04));
  color: #dce7f7;
}

/* ============================================================
   KAMERAMA · Nosotros
   Estructura: default/layout/terms/about-us.html
   ============================================================ */
.km-about-page,
.km-about-page * {
  box-sizing: border-box;
}
.km-about-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 clamp(34px, 4vw, 64px);
  color: #eef3ff;
  background:
    radial-gradient(circle at 10% 85%, rgba(255, 106, 26, .14), transparent 26%),
    radial-gradient(circle at 90% 20%, rgba(0, 132, 255, .1), transparent 26%),
    #030712;
}
.km-about-hero {
  position: relative;
  min-height: clamp(430px, 48vw, 650px);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: clamp(34px, 5vw, 76px) clamp(20px, 5vw, 76px);
  background:
    linear-gradient(90deg, rgba(3,7,15,.9), rgba(3,7,15,.45) 46%, rgba(3,7,15,.28)),
    var(--km-about-hero-bg) center / cover no-repeat;
  border-bottom: 1px solid rgba(72,143,255,.16);
}
.km-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 75% 14%, rgba(255, 145, 42, .28), transparent 24%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(3,7,15,.72));
  pointer-events: none;
}
.km-about-hero::after {
  content: "Historias reales\Apara un mundo mejor";
  white-space: pre;
  position: absolute;
  right: clamp(36px, 9vw, 150px);
  top: clamp(26px, 5vw, 70px);
  color: rgba(255,255,255,.82);
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(22px, 2.4vw, 40px);
  font-weight: 700;
  line-height: 1.08;
  text-align: center;
  transform: rotate(-10deg);
  text-shadow: 0 14px 34px rgba(0,0,0,.48);
}
.km-about-hero__inner {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
}
.km-about-kicker {
  display: block;
  margin-bottom: 14px;
  color: rgba(236, 243, 255, .74);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .48em;
  text-transform: uppercase;
}
.km-about-kicker::after {
  content: " · HISTORIAS · UN MUNDO MAS CONSCIENTE";
}
.km-about-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(64px, 8vw, 126px);
  font-weight: 900;
  line-height: .82;
  letter-spacing: -.075em;
  text-shadow: 0 20px 58px rgba(0,0,0,.58);
}
.km-about-hero p {
  max-width: 500px;
  margin: 18px 0 0;
  color: #dce5f3;
  font-size: clamp(22px, 2.3vw, 36px);
  font-weight: 500;
  line-height: 1.05;
}
.km-about-hero p::after {
  content: "Kamerama es un espacio para compartir, descubrir y construir un mundo mas libre, creativo y consciente.";
  display: block;
  max-width: 520px;
  margin-top: 14px;
  color: #b8c4d6;
  font-size: clamp(14px, 1.15vw, 18px);
  font-weight: 500;
  line-height: 1.45;
}
.km-about-hero__line {
  display: block;
  width: 58px;
  height: 3px;
  margin-top: 24px;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-about-hero__line::after {
  content: "Explorar historias  →";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 158px;
  min-height: 46px;
  margin-top: 24px;
  border-radius: 9px;
  background: linear-gradient(135deg, #ff9b26, #ff6a1a);
  color: #080b12;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 16px 36px rgba(239,91,42,.24);
}
.km-about-content {
  position: relative;
  z-index: 2;
  width: min(1480px, 100%);
  margin: -74px auto 0;
  padding: 0 clamp(14px, 2.5vw, 36px);
}
.km-about-content__card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1fr) minmax(240px, .7fr);
  gap: clamp(20px, 3vw, 44px);
  align-items: center;
  min-height: clamp(280px, 30vw, 420px);
  overflow: hidden;
  padding: clamp(28px, 4vw, 56px);
  border: 1px solid rgba(72,143,255,.18);
  border-radius: 16px;
  background:
    linear-gradient(90deg, rgba(3,7,15,.82), rgba(3,7,15,.46)),
    var(--km-about-hero-bg) center 54% / cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.32);
}
.km-about-content__card::before {
  content: "Aqui las\Apersonas encuentran\Asu lugar";
  white-space: pre;
  align-self: start;
  color: rgba(255,255,255,.8);
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(24px, 2.4vw, 42px);
  font-weight: 700;
  line-height: 1.08;
  transform: rotate(-8deg);
  text-shadow: 0 12px 28px rgba(0,0,0,.42);
}
.km-about-content__card::after {
  content: "Explora\ACrea\AConecta";
  white-space: pre;
  justify-self: end;
  align-self: stretch;
  display: flex;
  align-items: center;
  min-width: 220px;
  padding: 24px;
  border-left: 1px solid rgba(255,255,255,.13);
  color: rgba(255,255,255,.82);
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(24px, 2vw, 34px);
  font-weight: 700;
  line-height: 1.55;
}
.km-about-section-label {
  display: block;
  margin-bottom: 8px;
  color: #ff7b2c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.km-about-richtext {
  min-width: 0;
  color: #c5cfdf;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.55;
}
.km-about-richtext h1,
.km-about-richtext h2,
.km-about-richtext h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(28px, 3vw, 54px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.055em;
}
.km-about-richtext p {
  margin: 0 0 12px;
}
.km-about-richtext p:first-child::first-line {
  color: #fff;
  font-weight: 800;
}
.km-about-values {
  position: relative;
  width: min(1480px, 100%);
  margin: 18px auto 0;
  padding: clamp(34px, 4vw, 62px) clamp(18px, 3vw, 42px);
  overflow: hidden;
  border-top: 1px solid rgba(72,143,255,.14);
  border-bottom: 1px solid rgba(72,143,255,.14);
  background:
    linear-gradient(90deg, rgba(3,7,15,.92), rgba(3,7,15,.5), rgba(3,7,15,.9)),
    var(--km-about-hero-bg) center 72% / cover no-repeat;
}
.km-about-values::after {
  content: "Un mundo\Amas libre\Aes posible";
  white-space: pre;
  position: absolute;
  right: clamp(28px, 6vw, 90px);
  bottom: 34px;
  color: rgba(255,255,255,.72);
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(20px, 2vw, 34px);
  font-weight: 700;
  line-height: 1.12;
  transform: rotate(-10deg);
}
.km-about-section-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
}
.km-about-section-heading span {
  width: 38px;
  height: 2px;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-about-section-heading span:last-child {
  flex: 1;
  max-width: 120px;
  background: linear-gradient(90deg, #ff6a1a, transparent);
}
.km-about-section-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 3vw, 48px);
  font-weight: 900;
  letter-spacing: -.05em;
}
.km-about-section-heading h2::before {
  content: "NUESTROS VALORES";
  display: block;
  margin-bottom: 5px;
  color: #ff7b2c;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .2em;
}
.km-about-values__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  max-width: 1040px;
}
.km-about-value-card {
  min-height: 150px;
  padding: 22px;
  border: 1px solid rgba(72,143,255,.16);
  border-radius: 12px;
  background: rgba(7, 16, 31, .68);
  backdrop-filter: blur(6px);
}
.km-about-value-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: #ff7b2c;
}
.km-about-value-icon svg {
  width: 38px;
  height: 38px;
}
.km-about-value-card h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}
.km-about-value-card p {
  margin: 8px 0 0;
  color: #b9c5d6;
  font-size: 14px;
  line-height: 1.45;
}
.km-about-cta {
  position: relative;
  width: min(1480px, 100%);
  min-height: clamp(260px, 28vw, 390px);
  margin: 18px auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 70px) clamp(22px, 5vw, 76px);
  overflow: hidden;
  border: 1px solid rgba(72,143,255,.16);
  border-radius: 16px;
  background:
    linear-gradient(90deg, rgba(3,7,15,.96), rgba(3,7,15,.52), rgba(3,7,15,.8)),
    var(--km-about-hero-bg) center bottom / cover no-repeat;
}
.km-about-cta::before {
  content: "Pequenas acciones\Agrandes historias";
  white-space: pre;
  position: absolute;
  right: clamp(30px, 8vw, 120px);
  top: 42px;
  color: rgba(255,255,255,.76);
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(22px, 2vw, 34px);
  font-weight: 700;
  line-height: 1.1;
  transform: rotate(-8deg);
}
.km-about-cta h2 {
  max-width: 650px;
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 4vw, 68px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.06em;
}
.km-about-cta h2::before {
  content: "SE PARTE DE KAMERAMA";
  display: block;
  margin-bottom: 10px;
  color: #ff7b2c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .24em;
}
.km-about-cta p {
  max-width: 630px;
  margin: 14px 0 0;
  color: #c6d2e3;
  font-size: 16px;
  line-height: 1.5;
}
.km-about-cta__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
}
.km-about-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 9px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
}
.km-about-btn--primary {
  background: linear-gradient(135deg, #ff9b26, #ff6a1a);
  color: #080b12 !important;
  box-shadow: 0 16px 36px rgba(239,91,42,.24);
}
.km-about-btn--secondary {
  border: 1px solid rgba(178,203,238,.36);
  background: rgba(8, 16, 31, .72);
}

/* ============================================================
   KAMERAMA · Watch
   Estructura: default/layout/watch/content.html
   Scopeado para no afectar sidebar/header/otras pantallas.
   ============================================================ */
.watch-page,
.watch-page * {
  box-sizing: border-box;
}
.watch-page.video-player-page,
.watch-page.top-video {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 20px 24px 40px;
  background: #050812;
  color: #f5f5f7;
}
.watch-page > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  width: min(1500px, 100%);
  max-width: 1500px;
  margin: 0 auto;
}
.watch-page > .row::before,
.watch-page > .row::after,
.watch-page .clear {
  display: none;
}
.watch-page .play-list-player,
.watch-page > .row > div:not(#background) {
  min-width: 0;
}
.watch-page #background + div {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  min-width: 0;
}
.watch-page .player-video,
.watch-page .col-md-8.player-video,
.watch-page .col-md-8,
.watch-page .col-md-4 {
  float: none;
  width: auto;
  max-width: none;
  min-width: 0;
  padding: 0;
}
.watch-page .player-video {
  grid-column: 1;
}
.watch-page .player-video + .col-md-4,
.watch-page .player-video ~ .col-md-4.desktop,
.watch-page .play-list-cont-wrapper {
  grid-column: 2;
  width: 340px;
}
.watch-page .player-video .video-player,
.watch-page .player-video .pt_video_player,
.watch-page .pt_vdo_plyr,
.watch-page .embed-responsive,
.watch-page .embed-responsive-16by9,
.watch-page .fb-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: calc(100vh - 180px);
  min-height: 0;
  height: auto;
  overflow: hidden;
  border-radius: 14px;
  background: #000;
}
.watch-page .player-video .video-player video,
.watch-page .player-video .pt_video_player video,
.watch-page .player-video iframe,
.watch-page .player-video .mejs__container,
.watch-page .player-video .mejs__inner,
.watch-page .player-video .mejs__mediaelement,
.watch-page .player-video .video-js,
.watch-page .player-video .fluid_video_wrapper {
  width: 100%;
  height: 100%;
  max-height: inherit;
}
.watch-page .player-video video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}
.watch-page .content,
.watch-page .pt_shadow {
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: #0d111c !important;
  color: #f5f5f7 !important;
  box-shadow: none;
}
.watch-page .player-video + .col-md-4 .content,
.watch-page .play-list-cont-wrapper .content {
  position: sticky;
  top: calc(var(--kamerama-header-height, 70px) + 18px);
  width: 100%;
  padding: 14px;
}
.watch-page .ads-placment:empty {
  display: none;
}
.watch-page .next-video {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  margin: 0 0 12px;
}
.watch-page .next-text,
.watch-page .next-text.pull-left,
.watch-page .pt_mn_wtch_switch,
.watch-page .pt_mn_wtch_switch.pull-right {
  float: none;
}
.watch-page .next-text h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #f5f5f7;
  font-size: 16px;
  font-weight: 700;
}
.watch-page .next-text svg {
  width: 20px;
  height: 20px;
  color: #ff6a1a;
}
.watch-page .pt_mn_wtch_rlts_prnt {
  display: grid;
  gap: 14px;
}
.watch-page .pt_video_side_vids,
.watch-page .top-video-wrapper.pt_video_side_vids {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 10px 12px;
  align-items: start;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.watch-page .pt_video_side_vids .video-thumb {
  grid-row: 1 / span 2;
  width: 150px;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #000;
}
.watch-page .pt_video_side_vids .video-thumb a,
.watch-page .pt_video_side_vids .video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}
.watch-page .pt_video_side_vids .video-thumb img {
  object-fit: cover;
}
.watch-page .pt_video_side_vids .video-duration {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(0,0,0,.78);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.watch-page .pt_video_side_vids .video-title {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.watch-page .pt_video_side_vids .video-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #f5f5f7;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}
.watch-page .pt_video_side_vids .vid_pub_info {
  min-width: 0;
  color: rgba(255,255,255,.55);
  font-size: 12px;
  line-height: 1.35;
}
.watch-page .pt_video_side_vids .vid_pub_info a,
.watch-page .pt_video_side_vids .video-publisher,
.watch-page .pt_video_side_vids .video-views {
  color: rgba(255,255,255,.55);
  text-decoration: none;
}
.watch-page .pt_video_side_vids .video-publisher img {
  display: none;
}
.watch-page .pt_video_side_vids .bold {
  color: rgba(255,255,255,.22);
}
.watch-page .load-related-videos {
  margin-top: 14px;
}
.watch-page .load-related-videos .btn {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: #0d111c;
  color: #f5f5f7;
}
.watch-page > .row > .col-md-8:not(.player-video),
.watch-page > .row > .col-md-8:nth-of-type(2) {
  grid-column: 1;
  width: auto;
}
.watch-page .pt_video_info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 18px;
  align-items: start;
  padding: 18px 0 0;
  border: 0;
  background: transparent;
}
.watch-page .pt_video_info .video-big-title {
  min-width: 0;
}
.watch-page .pt_video_info .video-big-title h1 {
  margin: 0;
  color: #f5f5f7;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.25;
}
.watch-page .video-views {
  grid-column: 1;
  color: rgba(255,255,255,.55);
  font-size: 13px;
}
.watch-page .video-likes,
.watch-page .video-likes.pull-right,
.watch-page .pt_mn_wtch_liks_prnt {
  grid-column: 2;
  grid-row: 1 / span 2;
  float: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.watch-page .pt_mn_wtch_liks {
  display: none;
}
.watch-page .like-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  background: #0d111c;
  color: rgba(255,255,255,.78);
  cursor: pointer;
}
.watch-page .like-btn svg {
  width: 18px;
  height: 18px;
}
.watch-page .like-btn.active,
.watch-page .like-btn:hover {
  color: #ff6a1a;
  border-color: rgba(255,106,26,.35);
}
.watch-page .video-options,
.watch-page .pt_mn_wtch_opts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  border: 0;
}
.watch-page .video-options .btn-share,
.watch-page .video-options a.btn-share,
.watch-page .video-options button.btn-share {
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  background: #0d111c;
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.watch-page .video-options .btn-share svg {
  width: 17px;
  height: 17px;
}
.watch-page .publisher-element,
.watch-page .pt_mn_wtch_pub {
  float: none;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 20px 0 0;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: transparent;
}
.watch-page .publisher-avatar,
.watch-page .publisher-avatar.pull-left {
  float: none;
  width: 48px;
  height: 48px;
  margin: 0;
}
.watch-page .publisher-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.watch-page .publisher-name {
  min-width: 0;
  margin: 0;
}
.watch-page .publisher-name a {
  color: #f5f5f7;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.watch-page .publisher-subscribe-button {
  justify-self: end;
}
.watch-page .publisher-subscribe-button .btn,
.watch-page .publisher-subscribe-button button,
.watch-page .publisher-subscribe-button a {
  min-height: 38px;
  padding: 0 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  color: #fff;
  font-weight: 700;
}
.watch-page .video-published {
  margin-top: 14px;
  color: rgba(255,255,255,.55);
  font-size: 13px;
}
.watch-page .video-published a {
  color: #ff7b2c;
  text-decoration: none;
}
.watch-page .watch-video-description {
  max-width: 700px;
  margin-top: 10px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.55;
}
.watch-page .watch-video-description p {
  margin: 0;
}
.watch-page .pt_mn_wtch_rdmre {
  width: fit-content;
  margin: 10px 0 0;
  padding: 0;
  background: transparent;
  color: #ff7b2c;
  font-size: 13px;
  font-weight: 700;
}
.watch-page .comments-content.pt_video_comments {
  grid-column: 1;
  margin-top: 28px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: #0d111c !important;
}
.watch-page .km-comments-header,
.watch-page .comments-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  color: #f5f5f7;
  font-weight: 600;
}
.watch-page .km-comment-composer,
.watch-page .pt_blogcomm_combo {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  gap: 10px;
  align-items: center;
}
.watch-page .km-comment-composer .avatar,
.watch-page .pt_blogcomm_combo .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}
.watch-page .km-comment-composer textarea,
.watch-page .pt_blogcomm_combo textarea,
.watch-page #comment-textarea {
  height: 44px;
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: #070a12;
  color: #f5f5f7;
  resize: vertical;
}
.watch-page .km-comment-composer .btn-main,
.watch-page .pt_blogcomm_combo .btn-main {
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  color: #fff;
}
.watch-page .main-comment {
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Watch polish: stable player, YouTube-like layout, Kamerama skin */
body.km-watch-route {
  min-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.km-watch-route #main-container.main-content,
body.km-watch-route #main-container.main-content.container,
body.km-watch-route #main-container.watch-container,
body.km-watch-route #container_content {
  max-width: none !important;
  overflow: visible !important;
}
@media (min-width: 64em) {
  body.km-watch-route:not(.km-watch-sidebar-hidden) nav.navbar-findcond.header-layout {
    left: var(--km-sidebar-expanded) !important;
    width: calc(100% - var(--km-sidebar-expanded)) !important;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) #main-container.main-content,
  body.km-watch-route:not(.km-watch-sidebar-hidden) footer.pt_footer {
    margin-left: var(--km-sidebar-expanded) !important;
    width: calc(100% - var(--km-sidebar-expanded)) !important;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar {
    width: var(--km-sidebar-expanded) !important;
    min-width: var(--km-sidebar-expanded) !important;
    max-width: var(--km-sidebar-expanded) !important;
    transform: translateX(0) !important;
    pointer-events: auto;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-logo {
    display: block !important;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .title_sidebar_subscriotions,
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .title_sidebar_subscriotions a {
    display: flex !important;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-label,
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-subscription-name,
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar ul.sections li a > span:not(.km-sidebar-nav-icon):not(.km-sidebar-subscriptions-toggle-arrow):not(.km-sidebar-avatar-fallback),
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-control-text,
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-subscriptions-toggle-text,
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-donate span,
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-member-text {
    display: inline !important;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-user-info {
    display: block !important;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-user-arrow,
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-member-arrow {
    display: block !important;
  }
  body.km-watch-route:not(.km-watch-sidebar-hidden) .yp_side_drawer.kamerama-sidebar .km-sidebar-brand-favi {
    display: none !important;
  }
  body.km-watch-route.km-watch-sidebar-hidden nav.navbar-findcond.header-layout {
    left: 0 !important;
    width: 100% !important;
  }
  body.km-watch-route.km-watch-sidebar-hidden #main-container.main-content,
  body.km-watch-route.km-watch-sidebar-hidden footer.pt_footer {
    margin-left: 0 !important;
    width: 100% !important;
  }
  body.km-watch-route.km-watch-sidebar-hidden .yp_side_drawer.kamerama-sidebar {
    transform: translateX(-100%) !important;
    pointer-events: none;
  }
  body.km-watch-route.km-watch-sidebar-hidden .yp_side_drawer.kamerama-sidebar .km-sidebar-collapse {
    opacity: 0;
    pointer-events: none;
  }
}
.watch-page.video-player-page,
.watch-page.top-video {
  padding: clamp(18px, 2.1vw, 30px) clamp(18px, 2.4vw, 34px) 48px !important;
  min-height: auto !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at 28% 8%, rgba(255, 106, 26, .10), transparent 28%),
    radial-gradient(circle at 68% 18%, rgba(25, 105, 255, .08), transparent 32%),
    linear-gradient(180deg, #050915 0%, #070b14 52%, #05070d 100%) !important;
}
.watch-page .km-watch-sidebar-toggle {
  position: fixed;
  left: calc(var(--kamerama-sidebar-collapsed-width, 7.125rem) + 14px);
  top: calc(var(--kamerama-header-height, 70px) + 16px);
  z-index: 35;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 50%;
  background: rgba(10, 18, 32, .84);
  color: #edf4ff;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
}
body.km-watch-route:not(.km-watch-sidebar-hidden) .watch-page .km-watch-sidebar-toggle {
  left: calc(var(--km-sidebar-expanded, 22.5rem) + 14px);
}
body.km-watch-route.km-watch-sidebar-hidden .watch-page .km-watch-sidebar-toggle {
  left: 18px;
}
.watch-page .km-watch-sidebar-toggle span {
  display: block;
  width: 17px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
}
body.side_open .watch-page .km-watch-sidebar-toggle,
body.km-watch-route:not(.km-watch-sidebar-hidden) .watch-page .km-watch-sidebar-toggle {
  border-color: rgba(255, 106, 26, .55);
  background: rgba(255, 106, 26, .14);
  color: #ff8a3d;
}
.watch-page > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(330px, 22vw, 390px);
  gap: 26px;
  width: min(1640px, 100%) !important;
  max-width: 1640px !important;
  align-items: start;
  overflow: visible !important;
}
.watch-page #background {
  display: none !important;
}
.watch-page #background + div {
  display: contents !important;
}
.watch-page .player-video,
.watch-page .col-md-8.player-video {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
.watch-page > .row > .col-md-8:not(.player-video),
.watch-page > .row > .col-md-8:nth-of-type(2),
.watch-page .comments-content.pt_video_comments,
.watch-page > .row > .ads-placment {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
}
.watch-page #background + div > .col-md-4,
.watch-page #background + div > .col-md-4.mobile,
.watch-page #background + div > .col-md-4.pull-right,
.watch-page #background + div > .play-list-cont-wrapper {
  grid-column: 2 !important;
  grid-row: 1 / span 8 !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}
.watch-page .player-video .video-player,
.watch-page .player-video .pt_video_player,
.watch-page .pt_vdo_plyr,
.watch-page .embed-responsive,
.watch-page .embed-responsive-16by9,
.watch-page .fb-video {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .08);
  border-radius: 18px !important;
  background: #000 !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
}
.watch-page .player-video .mejs__container,
.watch-page .player-video .mejs__inner,
.watch-page .player-video .mejs__mediaelement,
.watch-page .player-video .video-js,
.watch-page .player-video .fluid_video_wrapper,
.watch-page .player-video iframe,
.watch-page .player-video video {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.watch-page .player-video video {
  object-fit: contain !important;
  background: #000 !important;
}
.watch-page .mejs__fullscreen .mejs__container,
.watch-page .mejs__fullscreen video,
.watch-page .vjs-fullscreen video,
.watch-page .fluid_video_wrapper:-webkit-full-screen video {
  position: static !important;
  max-height: none !important;
}
.watch-page .content,
.watch-page .pt_shadow {
  border-color: rgba(148, 163, 184, .10) !important;
  background: rgba(9, 16, 30, .72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.watch-page > .row > .col-md-8:not(.player-video) > .content,
.watch-page > .row > .col-md-8:nth-of-type(2) > .content {
  margin-top: 18px;
  padding: clamp(18px, 2vw, 28px) !important;
  border: 1px solid rgba(148, 163, 184, .10) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(12, 19, 34, .82), rgba(7, 12, 23, .62)) !important;
}
.watch-page .pt_video_info {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px 18px;
  padding-top: 4px !important;
}
.watch-page .pt_video_info .video-big-title,
.watch-page .pt_video_info > div,
.watch-page .video-views,
.watch-page .video-likes,
.watch-page .video-likes.pull-right,
.watch-page .pt_mn_wtch_liks_prnt,
.watch-page .video-options,
.watch-page .pt_mn_wtch_opts {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
}
.watch-page .pt_video_info .video-big-title h1 {
  margin-bottom: 2px !important;
  overflow-wrap: anywhere;
  word-break: normal;
  font-size: clamp(21px, 1.45vw, 27px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
}
.watch-page .video-views {
  margin: 0 !important;
  color: #a7b3c6 !important;
  font-size: 13px !important;
}
.watch-page .video-options,
.watch-page .pt_mn_wtch_opts {
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
}
.watch-page .video-options .btn-share,
.watch-page .video-options a.btn-share,
.watch-page .video-options button.btn-share,
.watch-page .like-btn {
  min-height: 40px !important;
  border-color: rgba(148, 163, 184, .12) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, .82) !important;
  color: #dbeafe !important;
}
.watch-page .video-options .btn-share:hover,
.watch-page .like-btn:hover,
.watch-page .like-btn.active {
  border-color: rgba(255, 106, 26, .42) !important;
  background: rgba(255, 106, 26, .13) !important;
  color: #ff9a61 !important;
}
.watch-page .publisher-element,
.watch-page .pt_mn_wtch_pub {
  margin-top: 18px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(148, 163, 184, .10) !important;
  border-radius: 18px;
  background: rgba(15, 23, 42, .58) !important;
}
.watch-page .publisher-element,
.watch-page .pt_mn_wtch_pub {
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  width: 100% !important;
  min-height: 82px;
}
.watch-page .publisher-avatar,
.watch-page .publisher-avatar.pull-left,
.watch-page .publisher-avatar a {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 50%;
  background: linear-gradient(135deg, #101827, #1f2937);
  color: transparent !important;
  font-size: 0 !important;
}
.watch-page .publisher-avatar img {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  color: transparent !important;
  font-size: 0 !important;
}
.watch-page .publisher-name {
  display: flex;
  min-width: 0 !important;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.watch-page .publisher-subscribe-button {
  align-self: center;
}
.watch-page .watch-video-description {
  max-width: none !important;
  margin-top: 14px !important;
  padding: 16px 18px;
  border: 1px solid rgba(148, 163, 184, .10);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  color: #d3dded !important;
}
.watch-page .pt_mn_wtch_rdmre {
  margin-left: 18px !important;
}
.watch-page #background + div > .col-md-4 > .content,
.watch-page #background + div > .play-list-cont-wrapper > .content {
  position: sticky !important;
  top: calc(var(--kamerama-header-height, 70px) + 18px) !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 14px !important;
  border-radius: 20px !important;
  background: rgba(9, 16, 30, .76) !important;
}
.watch-page .next-video {
  min-height: 54px !important;
  margin-bottom: 14px !important;
  padding: 10px 12px;
  border: 1px solid rgba(255, 106, 26, .20);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 106, 26, .12), rgba(255, 106, 26, .035));
}
.watch-page .pt_video_side_vids,
.watch-page .top-video-wrapper.pt_video_side_vids {
  grid-template-columns: 168px minmax(0, 1fr) !important;
  gap: 10px 12px !important;
  min-height: 96px;
  padding: 8px !important;
  border-radius: 14px;
  transition: background .18s ease, transform .18s ease;
}
.watch-page .pt_video_side_vids:hover {
  background: rgba(255,255,255,.045) !important;
  transform: translateY(-1px);
}
.watch-page .pt_video_side_vids .video-thumb {
  width: 168px !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}
.watch-page .pt_video_side_vids .video-thumb a,
.watch-page .pt_video_side_vids .video-thumb img {
  color: transparent !important;
  font-size: 0 !important;
}
.watch-page .pt_video_side_vids .video-thumb img {
  background: #111827;
}
.watch-page .pt_video_side_vids .video-title a {
  color: #f7fbff !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
}
.watch-page .pt_video_side_vids .vid_pub_info {
  color: #8f9db3 !important;
  font-size: 11.5px !important;
}
.watch-page .comments-content.pt_video_comments {
  margin-top: 28px !important;
  padding: 22px !important;
  border-radius: 20px !important;
  background: rgba(9, 16, 30, .68) !important;
}
.watch-page .main-comment {
  padding: 18px 0 !important;
  border-color: rgba(148, 163, 184, .10) !important;
}
@media (max-width: 1180px) {
  .watch-page > .row {
    grid-template-columns: 1fr !important;
  }
  .watch-page #background + div > .col-md-4,
  .watch-page #background + div > .col-md-4.mobile,
  .watch-page #background + div > .col-md-4.pull-right,
  .watch-page #background + div > .play-list-cont-wrapper {
    grid-column: 1 !important;
    grid-row: auto;
  }
  .watch-page #background + div > .col-md-4 > .content,
  .watch-page #background + div > .play-list-cont-wrapper > .content {
    position: relative !important;
    top: auto !important;
    max-height: none;
  }
}
@media (max-width: 760px) {
  .watch-page.video-player-page,
  .watch-page.top-video {
    padding: 12px 12px 32px !important;
  }
  .watch-page .km-watch-sidebar-toggle {
    left: 16px;
    top: calc(var(--kamerama-header-height, 70px) + 10px);
  }
  .watch-page .pt_video_info,
  .watch-page .publisher-element,
  .watch-page .pt_mn_wtch_pub {
    grid-template-columns: 1fr !important;
  }
  .watch-page .video-options,
  .watch-page .pt_mn_wtch_opts {
    justify-content: flex-start !important;
  }
  .watch-page .pt_video_side_vids,
  .watch-page .top-video-wrapper.pt_video_side_vids {
    grid-template-columns: 132px minmax(0, 1fr) !important;
  }
  .watch-page .pt_video_side_vids .video-thumb {
    width: 132px !important;
  }
}

/* ============================================================
   KAMERAMA · Settings / Perfil
   Estructura: default/layout/settings/profile.html
   ============================================================ */
.km-settings-profile-form,
.km-settings-profile-form * {
  box-sizing: border-box;
}
.km-settings-page .km-settings-profile-form,
.km-settings-profile-form.user-setting-panel {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  width: 100%;
  margin: 0;
  padding: clamp(22px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, .18) !important;
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 106, 26, .16), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(0, 132, 255, .1), transparent 30%),
    linear-gradient(180deg, rgba(8, 20, 37, .96), rgba(4, 10, 20, .98)) !important;
  color: #eef3ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.26);
}
.km-settings-profile-form::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,106,26,.22), transparent 68%);
  pointer-events: none;
}
.km-settings-profile-form .km-settings-form-heading,
.km-settings-profile-form .setting-profile-alert,
.km-settings-profile-form hr,
.km-settings-profile-form .km-settings-wide,
.km-settings-profile-form .last-sett-btn,
.km-settings-profile-form > input[type="hidden"] {
  grid-column: 1 / -1;
}
.km-settings-profile-form .km-settings-form-heading {
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(178, 203, 238, .12);
}
.km-settings-profile-form .km-settings-form-heading span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ff7b2c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.km-settings-profile-form .km-settings-form-heading span::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-settings-profile-form .km-settings-form-heading h1 {
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.055em;
}
.km-settings-profile-form .km-settings-form-heading::after {
  content: "Actualiza tu identidad publica, descripcion, redes y preferencias de contenido.";
  display: block;
  max-width: 680px;
  margin-top: 10px;
  color: #aeb9cc;
  font-size: 14px;
  line-height: 1.45;
}
.km-settings-profile-form .setting-profile-alert:empty {
  display: none;
}
.km-settings-profile-form .setting-profile-alert .alert {
  margin: 0;
  border-radius: 10px;
}
.km-settings-profile-form .form-group {
  position: relative;
  z-index: 1;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.km-settings-profile-form .form-group > label,
.km-settings-profile-form label.col-md-12 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  float: none;
  margin: 0 0 8px;
  padding: 0;
  color: #dce7f7;
  font-size: 13px;
  font-weight: 900;
}
.km-settings-profile-form .form-group > label::before,
.km-settings-profile-form label.col-md-12::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff6a1a;
  box-shadow: 0 0 0 4px rgba(255,106,26,.1);
}
.km-settings-profile-form .col-md-12,
.km-settings-profile-form [class*="col-md-"] {
  float: none;
  width: 100%;
  padding: 0;
}
.km-settings-profile-form .form-control,
.km-settings-profile-form input[type="text"],
.km-settings-profile-form textarea,
.km-settings-profile-form select,
.km-settings-profile-form .bootstrap-select > .dropdown-toggle {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(72, 143, 255, .22) !important;
  border-radius: 10px !important;
  background: rgba(9, 18, 33, .9) !important;
  color: #eef3ff !important;
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.km-settings-profile-form input[type="text"],
.km-settings-profile-form textarea,
.km-settings-profile-form select {
  padding: 0 16px;
}
.km-settings-profile-form textarea {
  min-height: 132px;
  padding-top: 14px;
  resize: vertical;
  line-height: 1.5;
}
.km-settings-profile-form .form-control:focus,
.km-settings-profile-form input[type="text"]:focus,
.km-settings-profile-form textarea:focus,
.km-settings-profile-form select:focus,
.km-settings-profile-form .bootstrap-select.open > .dropdown-toggle {
  border-color: rgba(255, 106, 26, .75) !important;
  box-shadow: 0 0 0 3px rgba(255, 106, 26, .11) !important;
}
.km-settings-profile-form .help-block {
  margin: 8px 0 0 !important;
  color: #9eaabc !important;
  font-size: 12px;
  line-height: 1.4;
}
.km-settings-profile-form hr {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  border: 0;
  background: linear-gradient(90deg, rgba(255,106,26,.65), rgba(72,143,255,.1), transparent);
}
.km-settings-profile-form hr::after {
  content: "Redes y preferencias";
  display: inline-flex;
  transform: translateY(-50%);
  padding-right: 14px;
  background: #07101f;
  color: #ff7b2c;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.km-settings-profile-form .form-group-rs {
  margin: 0;
}
.km-settings-profile-form .bootstrap-select {
  width: 100% !important;
}
.km-settings-profile-form .bootstrap-select .filter-option {
  color: #eef3ff;
}
.km-settings-profile-form .bootstrap-select .dropdown-menu {
  border: 1px solid rgba(72,143,255,.22);
  border-radius: 10px;
  background: #08101f;
  color: #eef3ff;
}
.km-settings-profile-form .bootstrap-select .dropdown-menu li a {
  color: #dce7f7;
}
.km-settings-profile-form .bootstrap-select .dropdown-menu li.selected a,
.km-settings-profile-form .bootstrap-select .dropdown-menu li a:hover {
  background: rgba(255,106,26,.14);
  color: #fff;
}
.km-settings-profile-form .last-sett-btn.modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  margin: 10px clamp(-38px, -3vw, -22px) clamp(-38px, -3vw, -22px) !important;
  padding: 18px clamp(22px, 3vw, 38px);
  border-top: 1px solid rgba(178,203,238,.12);
  background: rgba(4, 10, 20, .92);
  backdrop-filter: blur(10px);
}
.km-settings-profile-form #submit,
.km-settings-profile-form .setting-panel-mdbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 160px;
  min-height: 46px;
  padding: 0 24px;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 16px 36px rgba(239,91,42,.24);
}
.km-settings-profile-form #submit svg,
.km-settings-profile-form .setting-panel-mdbtn svg {
  width: 20px;
  height: 20px;
}

/* ============================================================
   KAMERAMA · Settings / General
   Estructura: default/layout/settings/general.html
   ============================================================ */
.km-settings-general-form,
.km-settings-general-form * {
  box-sizing: border-box;
}
.km-settings-page .km-settings-general-form,
.km-settings-general-form.user-setting-panel {
  position: relative;
  width: 100%;
  margin: 0;
  padding: clamp(22px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, .18) !important;
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 106, 26, .16), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(0, 132, 255, .1), transparent 30%),
    linear-gradient(180deg, rgba(8, 20, 37, .96), rgba(4, 10, 20, .98)) !important;
  color: #eef3ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.26);
}
.km-settings-general-form::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,106,26,.22), transparent 68%);
  pointer-events: none;
}
.km-settings-general-form .km-settings-form-heading,
.km-settings-general-form .setting-general-alert,
.km-settings-general-form > .row,
.km-settings-general-form > input[type="hidden"],
.km-settings-general-form .last-sett-btn {
  position: relative;
  z-index: 1;
}
.km-settings-general-form .km-settings-form-heading {
  margin: 0 0 22px;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(178, 203, 238, .12);
}
.km-settings-general-form .km-settings-form-heading span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ff7b2c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.km-settings-general-form .km-settings-form-heading span::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-settings-general-form .km-settings-form-heading h1 {
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.055em;
}
.km-settings-general-form .km-settings-form-heading::after {
  content: "Administra tus datos principales, preferencias de cuenta y configuracion publica.";
  display: block;
  max-width: 680px;
  margin-top: 10px;
  color: #aeb9cc;
  font-size: 14px;
  line-height: 1.45;
}
.km-settings-general-form .setting-general-alert:empty {
  display: none;
}
.km-settings-general-form .setting-general-alert .alert {
  margin: 0 0 18px;
  border-radius: 10px;
}
.km-settings-general-form > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  margin: 0;
}
.km-settings-general-form > .row::before,
.km-settings-general-form > .row::after,
.km-settings-general-form .clear {
  display: none;
}
.km-settings-general-form .form-group {
  float: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.km-settings-general-form .form-group.col-lg-6 {
  width: 100%;
}
.km-settings-general-form .form-group > label,
.km-settings-general-form label.col-md-12 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  float: none;
  margin: 0 0 8px;
  padding: 0;
  color: #dce7f7;
  font-size: 13px;
  font-weight: 900;
}
.km-settings-general-form .form-group > label::before,
.km-settings-general-form label.col-md-12::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff6a1a;
  box-shadow: 0 0 0 4px rgba(255,106,26,.1);
}
.km-settings-general-form .col-md-12,
.km-settings-general-form [class*="col-md-"] {
  float: none;
  width: 100%;
  padding: 0;
}
.km-settings-general-form .form-control,
.km-settings-general-form input[type="text"],
.km-settings-general-form select {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(72, 143, 255, .22) !important;
  border-radius: 10px !important;
  background: rgba(9, 18, 33, .9) !important;
  color: #eef3ff !important;
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.km-settings-general-form .form-control:focus,
.km-settings-general-form input[type="text"]:focus,
.km-settings-general-form select:focus {
  border-color: rgba(255, 106, 26, .75) !important;
  box-shadow: 0 0 0 3px rgba(255, 106, 26, .11) !important;
}
.km-settings-general-form small,
.km-settings-general-form .help-block,
.km-settings-general-form .unverify_color {
  display: block;
  margin-top: 8px;
  color: #9eaabc !important;
  font-size: 12px;
  line-height: 1.4;
}
.km-settings-general-form .pt_vdo_cstm_radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin: 0 10px 0 0;
  padding: 0 14px;
  border: 1px solid rgba(72, 143, 255, .18);
  border-radius: 999px;
  background: rgba(9, 18, 33, .72);
}
.km-settings-general-form .pt_vdo_cstm_radio input {
  width: auto;
  margin: 0;
}
.km-settings-general-form .pt_vdo_cstm_radio label {
  margin: 0;
  color: #dce7f7;
  font-size: 13px;
  font-weight: 800;
}
.km-settings-general-form hr {
  grid-column: 1 / -1;
  width: 100%;
  height: 1px;
  margin: 8px 0;
  border: 0;
  background: linear-gradient(90deg, rgba(255,106,26,.65), rgba(72,143,255,.1), transparent);
}
.km-settings-general-form .last-sett-btn.modal-footer {
  display: flex;
  justify-content: flex-end;
  margin: 28px clamp(-38px, -3vw, -22px) clamp(-38px, -3vw, -22px) !important;
  padding: 18px clamp(22px, 3vw, 38px);
  border-top: 1px solid rgba(178,203,238,.12);
  background: rgba(4, 10, 20, .92);
  backdrop-filter: blur(10px);
}
.km-settings-general-form #submit,
.km-settings-general-form .setting-panel-mdbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 160px;
  min-height: 46px;
  padding: 0 24px;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 16px 36px rgba(239,91,42,.24);
}
.km-settings-general-form #submit svg,
.km-settings-general-form .setting-panel-mdbtn svg {
  width: 20px;
  height: 20px;
}

/* ============================================================
   KAMERAMA · Settings / Avatar y portada
   Estructura: default/layout/settings/avatar.html
   ============================================================ */
.km-settings-avatar-form,
.km-settings-avatar-form * {
  box-sizing: border-box;
}
.km-settings-page .km-settings-avatar-form,
.km-settings-avatar-form.user-setting-panel {
  position: relative;
  width: 100%;
  margin: 0;
  padding: clamp(22px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, .18) !important;
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 106, 26, .16), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(0, 132, 255, .1), transparent 30%),
    linear-gradient(180deg, rgba(8, 20, 37, .96), rgba(4, 10, 20, .98)) !important;
  color: #eef3ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.26);
}
.km-settings-avatar-form::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,106,26,.22), transparent 68%);
  pointer-events: none;
}
.km-settings-avatar-form .km-settings-form-heading,
.km-settings-avatar-form .setting-avatar-alert,
.km-settings-avatar-form .km-avatar-editor,
.km-settings-avatar-form > input[type="hidden"],
.km-settings-avatar-form .last-sett-btn {
  position: relative;
  z-index: 1;
}
.km-settings-avatar-form .km-settings-form-heading {
  margin: 0 0 22px;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(178, 203, 238, .12);
}
.km-settings-avatar-form .km-settings-form-heading span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ff7b2c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.km-settings-avatar-form .km-settings-form-heading span::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-settings-avatar-form .km-settings-form-heading h1 {
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.055em;
}
.km-settings-avatar-form .km-settings-form-heading::after {
  content: "Ajusta la imagen principal y el banner publico de tu canal.";
  display: block;
  max-width: 680px;
  margin-top: 10px;
  color: #aeb9cc;
  font-size: 14px;
  line-height: 1.45;
}
.km-settings-avatar-form .setting-avatar-alert:empty {
  display: none;
}
.km-settings-avatar-form .setting-avatar-alert .alert {
  margin: 0 0 18px;
  border-radius: 10px;
}
.km-settings-avatar-form .km-avatar-editor.row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin: 0;
}
.km-settings-avatar-form .km-avatar-editor::before,
.km-settings-avatar-form .km-avatar-editor::after,
.km-settings-avatar-form .clear {
  display: none;
}
.km-settings-avatar-form .progress {
  width: 100%;
  height: auto;
  min-height: 42px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(72,143,255,.22);
  border-radius: 12px;
  background: rgba(9, 18, 33, .9);
  box-shadow: none;
}
.km-settings-avatar-form .progress.hidden {
  display: none !important;
}
.km-settings-avatar-form .progress .percent {
  position: absolute;
  z-index: 2;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #eef3ff;
  font-size: 12px;
  font-weight: 900;
}
.km-settings-avatar-form .progress_bar_parent {
  height: 42px;
  background: transparent;
}
.km-settings-avatar-form .bar,
.km-settings-avatar-form .upload-progress-bar {
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(90deg, #ff8a1d, #ff5a12) !important;
}
.km-avatar-tabs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 5px;
  border: 1px solid rgba(72,143,255,.18);
  border-radius: 999px;
  background: rgba(9, 18, 33, .68);
}
.km-avatar-tabs span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  color: #9eaabc;
  font-size: 12px;
  font-weight: 900;
}
.km-avatar-tabs span.active {
  background: rgba(255,106,26,.16);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,106,26,.22);
}
.km-avatar-setting-row {
  display: grid;
  grid-template-columns: minmax(260px, 44%) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: center;
  padding: clamp(18px, 2.4vw, 28px);
  border: 1px solid rgba(178,203,238,.12);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(11,20,36,.78), rgba(8,14,26,.76));
}
.km-avatar-setting-preview {
  position: relative;
  min-width: 0;
}
.km-avatar-setting-preview .btn-file,
.km-avatar-device-preview {
  cursor: pointer;
}
.km-avatar-setting-row--banner .km-avatar-setting-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px 48px;
  align-items: end;
  gap: 12px;
}
.km-avatar-setting-row--banner #coverimage-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 176px;
  padding: 0;
  overflow: hidden;
  border: 1px dashed rgba(178,203,238,.24);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255,106,26,.12), transparent 32%),
    linear-gradient(180deg, rgba(10,18,32,.95), rgba(5,10,19,.95));
  color: #b7c4d7;
  box-shadow: none;
}
.km-avatar-setting-row--banner #coverimage-holder:hover {
  border-color: rgba(255,106,26,.55);
}
.km-avatar-setting-row--banner #coverimage-holder img,
.km-avatar-device-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-avatar-empty {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #b7c4d7;
  text-align: center;
}
.km-avatar-empty svg {
  width: 34px;
  height: 34px;
  color: #ff7b2c;
}
.km-avatar-empty strong {
  color: #eef3ff;
  font-size: 13px;
  font-weight: 900;
}
.km-avatar-device-preview {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(178,203,238,.18);
  background: rgba(9,18,33,.86);
  box-shadow: 0 16px 36px rgba(0,0,0,.18);
}
.km-avatar-device-preview--tablet {
  width: 96px;
  height: 132px;
  border-radius: 12px;
}
.km-avatar-device-preview--phone {
  width: 48px;
  height: 86px;
  border-radius: 12px;
}
.km-avatar-setting-row--image .km-avatar-setting-preview {
  display: flex;
  justify-content: center;
}
.km-avatar-setting-row--image #avatarimage-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(132px, 16vw, 184px);
  height: clamp(132px, 16vw, 184px);
  padding: 0;
  overflow: hidden;
  border: 4px solid rgba(255,255,255,.12);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,106,26,.18), transparent 38%),
    linear-gradient(180deg, rgba(10,18,32,.95), rgba(5,10,19,.95));
  color: #b7c4d7;
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}
.km-avatar-setting-row--image #avatarimage-holder:hover {
  border-color: rgba(255,106,26,.55);
}
.km-avatar-setting-row--image #avatarimage-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.km-avatar-setting-copy {
  min-width: 0;
}
.km-avatar-setting-title h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  letter-spacing: -.035em;
}
.km-avatar-setting-title p,
.km-avatar-setting-copy > p {
  max-width: 680px;
  margin: 0 0 14px;
  color: #aeb9cc;
  font-size: 14px;
  line-height: 1.55;
}
.km-avatar-setting-title p {
  color: #dce7f7;
  font-weight: 700;
}
.km-avatar-setting-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.km-avatar-add-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 14px 30px rgba(239,91,42,.22);
}
.km-avatar-add-button:hover,
.km-avatar-add-button:focus {
  color: #fff;
  filter: brightness(1.04);
}
.km-settings-avatar-form .avatar-read {
  margin-top: 12px;
}
.km-settings-avatar-form .avatar-read p {
  display: inline-flex;
  margin: 0;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #dce7f7;
  font-size: 12px;
  font-weight: 800;
}
.km-settings-avatar-form .avatar-read p:empty {
  display: none;
}
.km-settings-avatar-form .last-sett-btn.modal-footer {
  display: flex;
  justify-content: flex-end;
  margin: 28px clamp(-38px, -3vw, -22px) clamp(-38px, -3vw, -22px) !important;
  padding: 18px clamp(22px, 3vw, 38px);
  border-top: 1px solid rgba(178,203,238,.12);
  background: rgba(4, 10, 20, .92);
  backdrop-filter: blur(10px);
}
.km-settings-avatar-form #submit,
.km-settings-avatar-form .setting-panel-mdbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 160px;
  min-height: 46px;
  padding: 0 24px;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 16px 36px rgba(239,91,42,.24);
}
.km-settings-avatar-form #submit svg,
.km-settings-avatar-form .setting-panel-mdbtn svg {
  width: 20px;
  height: 20px;
}

/* Settings shell / topbar sizing */
.km-settings-page,
.km-settings-page * {
  box-sizing: border-box;
}
.km-settings-page {
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100 - var(--kamerama-header-height, 70px));
  background: #050812;
  color: #eef3ff;
}
.km-settings-studio-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 64px;
  padding: 10px clamp(16px, 2.5vw, 34px);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(5, 8, 18, .96);
}
.km-settings-studio-brand {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 170px;
  min-width: 0;
  text-decoration: none;
}
.km-settings-studio-brand img {
  display: block;
  width: auto;
  max-width: 160px;
  height: auto;
  max-height: 38px;
  object-fit: contain;
}
.km-settings-studio-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.km-settings-studio-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  background: rgba(13, 17, 28, .9);
  color: #eef3ff;
  text-decoration: none;
}
.km-settings-studio-actions svg {
  width: 20px;
  height: 20px;
}
.km-settings-studio-actions img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.km-settings-shell {
  width: min(1320px, 100%);
  margin: 0 auto;
  padding: clamp(18px, 2.5vw, 34px) clamp(14px, 2vw, 24px) 44px;
}
.km-settings-grid.row {
  display: grid;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  gap: 22px;
  margin: 0;
}
.km-settings-grid::before,
.km-settings-grid::after,
.km-settings-grid > .clear {
  display: none;
}
.km-settings-nav-col,
.km-settings-content {
  float: none;
  width: auto;
  max-width: none;
  padding: 0;
  min-width: 0;
}
.km-settings-channel-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px 12px;
  align-items: center;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: #0d111c;
}
.km-settings-channel-card img {
  grid-row: 1 / span 2;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
}
.km-settings-channel-card span {
  color: rgba(255,255,255,.55);
  font-size: 12px;
  line-height: 1;
}
.km-settings-channel-card strong {
  min-width: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Settings is a standalone studio screen, not a sidebar page. */
body:has(.km-settings-page) #main-container.main-content,
body:has(.km-settings-page) #container_content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body:has(.km-settings-page) .yp_side_drawer.kamerama-sidebar,
body:has(.km-settings-page) .km-sidebar-collapse,
body:has(.km-settings-page) .navbar-findcond.header-layout {
  display: none !important;
}
body:has(.km-settings-page) {
  padding-top: 0 !important;
  background: #050812 !important;
}
.km-settings-page {
  min-height: 100vh;
  padding: 0;
  background:
    radial-gradient(circle at 82% 0%, rgba(0, 132, 255, .12), transparent 28%),
    linear-gradient(180deg, #08142b 0 64px, #050812 64px 100%);
}
.km-settings-studio-topbar {
  width: 100%;
  max-width: none;
  min-height: 76px;
  padding: 0 clamp(22px, 4vw, 64px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #050812;
}
.km-settings-studio-brand img {
  max-width: 138px;
  max-height: 34px;
}
.km-settings-studio-actions a {
  width: 42px;
  height: 42px;
  border-color: rgba(255,255,255,.1);
  background: rgba(13, 17, 28, .92);
}
.km-settings-studio-actions a:hover {
  border-color: rgba(255,106,26,.38);
  color: #ff7b2c;
}
.km-settings-studio-actions img {
  width: 42px;
  height: 42px;
}
.km-settings-shell {
  width: min(1580px, calc(100% - clamp(28px, 4vw, 72px)));
  max-width: none;
  padding: clamp(28px, 3.6vw, 48px) 0 56px;
}
.km-settings-grid.row {
  grid-template-columns: minmax(250px, 350px) minmax(0, 1fr);
  gap: 28px;
}
.km-settings-channel-card {
  min-height: 86px;
  padding: 16px 18px;
  border-color: rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(13,17,28,.96), rgba(10,14,24,.96));
}
.settings-sidebar {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  background: #0b111f !important;
  background-image: linear-gradient(180deg, rgba(17, 23, 38, .98), rgba(8, 12, 22, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 46px rgba(0,0,0,.24);
}
.settings-sidebar .list-group {
  margin: 0;
  padding: 8px;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
}
.settings-sidebar .list-group-item {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent !important;
  background-color: transparent !important;
  color: #eef3ff;
}
.settings-sidebar .list-group-item + .list-group-item {
  margin-top: 3px;
}
.settings-sidebar .km-settings-panel-title {
  padding: 12px 12px 7px;
  color: #8fa0bb;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.settings-sidebar .km-settings-panel-title--secondary {
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 16px;
}
.settings-sidebar .list-group-item a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 0 14px 0 50px;
  border-radius: 10px;
  color: #d7e1f2 !important;
  background: transparent;
  background-color: transparent;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
}
.settings-sidebar .list-group-item a:hover,
.settings-sidebar .list-group-item.active a {
  background: linear-gradient(90deg, rgba(255,106,26,.22), rgba(255,106,26,.1)) !important;
  background-color: rgba(255,106,26,.14) !important;
  color: #fff !important;
}
.settings-sidebar .list-group-item.active a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 99px;
  background: #ff6a1a;
}
.settings-sidebar .list-group-item a > svg {
  display: none !important;
}
.settings-sidebar .list-group-item a::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: currentColor;
  opacity: .92;
  -webkit-mask: var(--km-settings-icon) center / contain no-repeat;
  mask: var(--km-settings-icon) center / contain no-repeat;
}
.settings-sidebar a[data-load*="page=general"] { --km-settings-icon: url('../img/Kamerama/sidebar/home.svg'); }
.settings-sidebar a[data-load*="page=profile"] { --km-settings-icon: url('../img/Kamerama/sidebar/channels.svg'); }
.settings-sidebar a[data-load*="page=password"] { --km-settings-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 9h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h1V7a5 5 0 0 1 10 0v2Zm-2 0V7a3 3 0 0 0-6 0v2h6Zm-3 8.8 1.8-3.3h-3.6L12 17.8Z'/%3E%3C/svg%3E"); }
.settings-sidebar a[data-load*="page=avatar"] { --km-settings-icon: url('../img/Kamerama/sidebar/movies.svg'); }
.settings-sidebar a[data-load*="page=two_factor"] { --km-settings-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5.5V11c0 5.05 3.41 9.76 8 11 4.59-1.24 8-5.95 8-11V5.5L12 2Zm0 2.2 6 2.67V11c0 3.9-2.42 7.32-6 8.9C8.42 18.32 6 14.9 6 11V6.87l6-2.67Zm3.7 5.1 1.4 1.4L11 16.8l-3.6-3.6 1.4-1.4 2.2 2.2 4.7-4.7Z'/%3E%3C/svg%3E"); }
.settings-sidebar a[data-load*="page=verification"] { --km-settings-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 14.6 7.4 20.5 8.2 16.2 12.4 17.2 18.3 12 15.5 6.8 18.3 7.8 12.4 3.5 8.2 9.4 7.4 12 2Z'/%3E%3C/svg%3E"); }
.settings-sidebar a[data-load*="page=blocked_users"] { --km-settings-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 0 0-6.32 12.9L16.9 5.68A7.96 7.96 0 0 0 12 4Zm0 16a8 8 0 0 0 6.32-12.9L7.1 18.32A7.96 7.96 0 0 0 12 20Z'/%3E%3C/svg%3E"); }
.settings-sidebar a[data-load*="page=manage_sessions"] { --km-settings-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.8 3.2a7 7 0 0 1 0 9.9l-1.4-1.4a5 5 0 1 0-7.1 0l-1.4 1.4a7 7 0 0 1 9.9-9.9ZM12 7a3 3 0 0 1 1 5.83V22h-2v-9.17A3 3 0 0 1 12 7Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E"); }
.settings-sidebar a[data-load*="page=my_info"] { --km-settings-icon: url('../img/Kamerama/sidebar/books.svg'); }
.settings-sidebar a[data-load*="page=delete"] { --km-settings-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6l1 2h5v2H3V5h5l1-2Zm1 6h2v9h-2V9Zm4 0h2v9h-2V9ZM6 9h12l-1 12H7L6 9Z'/%3E%3C/svg%3E"); }
.settings-sidebar a[data-load*="page=monetization"],
.settings-sidebar a[data-load*="page=balance"],
.settings-sidebar a[data-load*="page=withdrawals"] { --km-settings-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v2h14V6a1 1 0 0 0-1-1H6Zm13 7H5v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6Zm-5 2h3v2h-3v-2Z'/%3E%3C/svg%3E"); }
.settings-sidebar a[data-load*="page=points"] { --km-settings-icon: url('../img/Kamerama/sidebar/top.svg'); }
.settings-sidebar a[data-load*="page=invitation_links"] { --km-settings-icon: url('../img/Kamerama/sidebar/trending.svg'); }

@media (max-width: 58em) {
  .km-settings-grid.row {
    grid-template-columns: 1fr;
  }
  .km-settings-studio-brand img {
    max-width: 132px;
    max-height: 32px;
  }
}

@media (max-width: 62em) {
  .km-settings-page .km-settings-avatar-form,
  .km-settings-avatar-form.user-setting-panel {
    padding: 22px 18px;
  }
  .km-avatar-setting-row {
    grid-template-columns: 1fr;
  }
  .km-settings-avatar-form .last-sett-btn.modal-footer {
    margin-left: -18px !important;
    margin-right: -18px !important;
    margin-bottom: -22px !important;
  }
  .km-settings-page .km-settings-general-form,
  .km-settings-general-form.user-setting-panel {
    padding: 22px 18px;
  }
  .km-settings-general-form > .row {
    grid-template-columns: 1fr;
  }
  .km-settings-general-form .last-sett-btn.modal-footer {
    margin-left: -18px !important;
    margin-right: -18px !important;
    margin-bottom: -22px !important;
  }
}

@media (max-width: 42em) {
  .km-avatar-tabs {
    width: 100%;
  }
  .km-avatar-tabs span {
    flex: 1 1 0;
    padding-inline: 10px;
  }
  .km-avatar-setting-row {
    padding: 16px;
  }
  .km-avatar-setting-row--banner .km-avatar-setting-preview {
    grid-template-columns: minmax(0, 1fr) 66px 38px;
    gap: 8px;
  }
  .km-avatar-setting-row--banner #coverimage-holder {
    min-height: 136px;
  }
  .km-avatar-device-preview--tablet {
    width: 66px;
    height: 96px;
  }
  .km-avatar-device-preview--phone {
    width: 38px;
    height: 68px;
  }
  .km-settings-avatar-form .last-sett-btn.modal-footer {
    justify-content: stretch;
  }
  .km-settings-avatar-form #submit,
  .km-settings-avatar-form .setting-panel-mdbtn {
    width: 100%;
  }
  .km-settings-general-form .last-sett-btn.modal-footer {
    justify-content: stretch;
  }
  .km-settings-general-form #submit,
  .km-settings-general-form .setting-panel-mdbtn {
    width: 100%;
  }
}

@media (max-width: 62em) {
  .km-settings-page .km-settings-profile-form,
  .km-settings-profile-form.user-setting-panel {
    grid-template-columns: 1fr;
    padding: 22px 18px;
  }
  .km-settings-profile-form .last-sett-btn.modal-footer {
    margin-left: -18px !important;
    margin-right: -18px !important;
    margin-bottom: -22px !important;
  }
}

@media (max-width: 42em) {
  .km-settings-profile-form .last-sett-btn.modal-footer {
    justify-content: stretch;
  }
  .km-settings-profile-form #submit,
  .km-settings-profile-form .setting-panel-mdbtn {
    width: 100%;
  }
}

@media (max-width: 84em) {
  .watch-page > .row {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
  .watch-page #background + div {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
  .watch-page .player-video + .col-md-4,
  .watch-page .player-video ~ .col-md-4.desktop,
  .watch-page .play-list-cont-wrapper {
    width: 300px;
  }
  .watch-page .pt_video_side_vids,
  .watch-page .top-video-wrapper.pt_video_side_vids {
    grid-template-columns: 132px minmax(0, 1fr);
  }
  .watch-page .pt_video_side_vids .video-thumb {
    width: 132px;
  }
}

@media (max-width: 62em) {
  .watch-page.video-player-page,
  .watch-page.top-video {
    padding: 14px 12px 34px;
  }
  .watch-page > .row {
    grid-template-columns: 1fr;
  }
  .watch-page #background + div {
    grid-template-columns: 1fr;
  }
  .watch-page .player-video,
  .watch-page .player-video + .col-md-4,
  .watch-page .player-video ~ .col-md-4.desktop,
  .watch-page .play-list-cont-wrapper,
  .watch-page > .row > .col-md-8:not(.player-video),
  .watch-page > .row > .col-md-8:nth-of-type(2) {
    grid-column: 1;
    width: auto;
  }
  .watch-page .player-video + .col-md-4 .content,
  .watch-page .play-list-cont-wrapper .content {
    position: static;
  }
  .watch-page .pt_video_info {
    grid-template-columns: 1fr;
  }
  .watch-page .video-likes,
  .watch-page .video-likes.pull-right,
  .watch-page .pt_mn_wtch_liks_prnt {
    grid-column: 1;
    grid-row: auto;
    justify-content: flex-start;
  }
  .watch-page .video-options,
  .watch-page .pt_mn_wtch_opts {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .watch-page .video-options .btn-share {
    flex: 0 0 auto;
  }
}

@media (max-width: 42em) {
  .watch-page .publisher-element,
  .watch-page .pt_mn_wtch_pub {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .watch-page .publisher-subscribe-button {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .watch-page .pt_video_side_vids,
  .watch-page .top-video-wrapper.pt_video_side_vids {
    grid-template-columns: 128px minmax(0, 1fr);
  }
  .watch-page .pt_video_side_vids .video-thumb {
    width: 128px;
  }
  .watch-page .km-comment-composer,
  .watch-page .pt_blogcomm_combo {
    grid-template-columns: minmax(0, 1fr) 44px;
  }
  .watch-page .km-comment-composer .avatar,
  .watch-page .pt_blogcomm_combo .avatar {
    display: none;
  }
}

@media (max-width: 78em) {
  .km-about-content__card {
    grid-template-columns: 1fr;
  }
  .km-about-content__card::before,
  .km-about-content__card::after,
  .km-about-values::after,
  .km-about-cta::before,
  .km-about-hero::after {
    display: none;
  }
  .km-about-values__grid {
    grid-template-columns: 1fr;
    max-width: none;
  }
}

@media (max-width: 48em) {
  .km-about-hero {
    min-height: 380px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .km-about-kicker {
    letter-spacing: .24em;
  }
  .km-about-content {
    margin-top: -38px;
  }
  .km-about-content__card,
  .km-about-values,
  .km-about-cta {
    border-radius: 12px;
  }
  .km-about-cta__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .km-about-btn {
    width: 100%;
  }
}

@media (max-width: 78em) {
  .km-legal-hero {
    grid-template-columns: 1fr;
  }
  .km-legal-hero__visual {
    display: none;
  }
  .km-legal-layout {
    grid-template-columns: 1fr;
    margin-top: -20px;
  }
  .km-legal-toc {
    position: relative;
    top: auto;
  }
  .km-legal-toc__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48em) {
  .km-legal-hero {
    padding-left: 18px;
    padding-right: 18px;
  }
  .km-legal-content {
    padding-left: 12px;
    padding-right: 12px;
  }
  .km-legal-toc__list {
    grid-template-columns: 1fr;
  }
  .km-legal-content__inner {
    padding: 22px 18px;
  }
  .km-legal-content__inner h1,
  .km-legal-content__inner h2,
  .km-legal-content__inner h3 {
    padding-left: 54px;
  }
  .km-legal-content__inner h1::before,
  .km-legal-content__inner h2::before,
  .km-legal-content__inner h3::before {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }
}

@media (max-width: 86em) {
  .km-profile-container .videos-latest-list.row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .km-profile-actions {
    position: static;
    margin-top: 18px !important;
  }
}

@media (max-width: 64em) {
  .km-profile-info,
  .pt_chnl_info.km-profile-info {
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 18px;
  }
  .km-profile-info .avatar-container {
    width: 120px;
    height: 120px;
  }
  .km-profile-info .info-container {
    padding-top: 54px;
  }
  .km-profile-hero .links-container ul {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .km-profile-hero .links-container ul::-webkit-scrollbar {
    display: none;
  }
  .km-profile-search {
    width: 240px;
  }
  .km-profile-container .videos-latest-list.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 42em) {
  .km-profile-cover-card,
  .km-profile-cover-card.card-container {
    height: 180px;
  }
  .km-profile-info,
  .pt_chnl_info.km-profile-info {
    grid-template-columns: 1fr;
    margin-top: -36px;
    padding-left: 18px;
    padding-right: 18px;
    text-align: center;
  }
  .km-profile-info .avatar-container {
    justify-self: center;
  }
  .km-profile-info .info-container {
    padding-top: 0;
  }
  .km-profile-info h4,
  .km-profile-meta,
  .km-profile-social-links,
  .km-profile-actions {
    justify-content: center;
  }
  .km-profile-actions {
    flex-wrap: wrap;
  }
  .km-profile-actions a,
  .km-profile-actions button,
  .km-profile-actions .btn {
    min-width: min(180px, 100%);
  }
  .km-profile-hero .links-container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .km-profile-hero .links-container li:last-child {
    margin-left: 0;
  }
  .km-profile-search {
    width: 220px;
  }
  .km-profile-container .videos-latest-list.row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 86em) {
  .popular_channels::after,
  .popular_channels_prnt::after {
    display: none;
  }
  .popular_channels_list.row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .popular_channels_list::after {
    display: none;
  }
}

@media (max-width: 64em) {
  .popular_channels {
    padding-bottom: 44px;
  }
  .vid_pop_chnl_filtr {
    flex-wrap: wrap;
  }
  .popular_channels_list.row {
    margin-top: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .popular_channels_list .channels_list:nth-child(-n + 3),
  .popular_channels_list .channels_list:nth-child(1),
  .popular_channels_list .channels_list:nth-child(2),
  .popular_channels_list .channels_list:nth-child(3) {
    grid-column: auto;
    grid-row: auto;
    transform: none;
  }
  .popular_channels_list .channels_list:nth-child(-n + 3) .vid_pop_channls {
    min-height: 150px;
  }
}

@media (max-width: 42em) {
  .popular_channels {
    padding-left: 16px;
    padding-right: 16px;
  }
  .vid_pop_chnl_filtr,
  .vid_pop_chnl_filtr select,
  .vid_pop_chnl_filtr #submit {
    width: 100%;
  }
  .popular_channels_list.row {
    grid-template-columns: 1fr;
    padding-left: 14px;
    padding-right: 14px;
  }
  .popular_channels_list .vid_pop_channls,
  .popular_channels_list .user-wrapper.vid_pop_channls {
    grid-template-columns: 72px minmax(0, 1fr) 22px;
  }
}

@media (max-width: 48em) {
  .page-margin.km-error-page {
    padding: 14px !important;
  }
  .page-margin.km-error-page .pt_404.km-error-404,
  .km-error-page .km-error-404 {
    min-height: calc(var(--vh, 1vh) * 100 - 190px);
    padding: 12px !important;
  }
  .km-error-404__image {
    max-height: calc(var(--vh, 1vh) * 100 - 260px);
  }
  .km-error-404__button,
  .pt_404 .km-error-404__button.btn {
    position: static;
    width: min(220px, 100%);
    margin-top: 16px !important;
  }
}

@media (max-width: 78em) {
  .km-contact-hero,
  .km-contact-main {
    grid-template-columns: 1fr;
  }
  .km-contact-hero-scene {
    display: none;
  }
}

@media (max-width: 48em) {
  .km-contact-hero {
    padding-left: 18px;
    padding-right: 18px;
  }
  .km-contact-main,
  .km-contact-more {
    margin-left: 0;
    margin-right: 0;
  }
  .km-contact-more {
    flex-direction: column;
    align-items: stretch;
  }
  .km-contact-more a {
    width: 100%;
  }
  .km-contact-support-illustration {
    min-height: 220px;
  }
  .km-contact-support-illustration::before {
    display: none;
  }
}

@media (max-width: 86em) {
  .km-upload-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .km-upload-intro {
    padding-top: 0;
  }
  .km-upload-intro p {
    max-width: 520px;
  }
  .km-upload-claim {
    display: none;
  }
  .km-import-page .km-upload-shell {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 56em) {
  .km-upload-page {
    padding: 24px 14px 30px;
  }
  .km-upload-intro h1 {
    letter-spacing: .24em;
  }
  .km-upload-card,
  .km-upload-card-wrap .content.km-upload-card {
    padding: 12px !important;
  }
  .km-upload-card .upload,
  .km-upload-card .pt_upload_vdo > .upload,
  .km-upload-card.pt_upload_vdo > .upload {
    min-height: 260px;
    padding: 28px 16px;
  }
  .km-import-card #fetch-form .row,
  .km-import-card .import-form-content > .row {
    grid-template-columns: 1fr;
  }
  .km-import-card #fetch-form .row {
    padding: 18px;
  }
  .km-import-card .fetch-url,
  .km-import-card .submit-url {
    width: 100%;
  }
  .km-import-card .import-form-content {
    padding: 18px !important;
  }
  .km-import-card .last-sett-btn.modal-footer {
    margin-left: -18px !important;
    margin-right: -18px !important;
    margin-bottom: -18px !important;
    padding-left: 18px;
    padding-right: 18px;
  }
  .km-upload-benefits {
    grid-template-columns: 1fr;
  }
  .km-upload-statement {
    letter-spacing: .28em;
  }
}

/* ============================================================
   KAMERAMA · Peliculas / Movies
   Solo cabecera, buscador, filtros y encabezado de resultados.
   No modifica cards/listado de videos.
   ============================================================ */
.km-movies-page,
.km-movies-page * {
  box-sizing: border-box;
}
.km-movies-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 clamp(32px, 4vw, 56px);
  color: #eef3ff;
  background: transparent;
}
.km-movies-page > link {
  display: none !important;
}
.km-movies-hero {
  position: relative;
  min-height: clamp(190px, 22vw, 300px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: clamp(28px, 4vw, 56px) clamp(32px, 5vw, 70px);
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, 0.22);
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(3, 7, 15, 0.95), rgba(45, 13, 5, 0.36) 54%, rgba(3, 7, 15, 0.88)),
    var(--km-section-panel-image) center / cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 20px 60px rgba(0, 0, 0, 0.22);
}
.km-movies-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 56% 28%, rgba(255, 99, 24, 0.26), transparent 28%),
    linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(2, 6, 17, 0.42));
  pointer-events: none;
}
.km-movies-hero::after {
  content: "HISTORIAS\AQUE CRUZAN\AFRONTERAS";
  white-space: pre;
  position: absolute;
  right: clamp(38px, 7vw, 110px);
  top: 26%;
  z-index: 1;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(13px, 1.1vw, 18px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.42em;
  text-transform: uppercase;
}
.km-movies-hero span,
.km-movies-hero h1,
.km-movies-hero p {
  position: relative;
  z-index: 2;
  max-width: 660px;
}
.km-movies-hero span {
  display: block;
  margin-bottom: 10px;
  color: #ff7b2c;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 900;
  text-transform: uppercase;
}
.km-movies-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 4vw, 62px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-shadow: 0 16px 48px rgba(0, 0, 0, 0.48);
}
.km-movies-hero p {
  margin: 12px 0 0;
  color: #d0dae8;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.45;
}
.km-movies-search {
  position: relative;
  margin: 0;
  padding: clamp(20px, 2.4vw, 30px) clamp(24px, 4vw, 52px) 18px;
  border: 1px solid rgba(72, 143, 255, 0.22);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background:
    radial-gradient(circle at 16% 0%, rgba(0, 132, 255, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(5, 20, 38, 0.92), rgba(4, 10, 20, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}
.km-movies-search h2 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 4px;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  letter-spacing: -0.035em;
}
.km-movies-search h2::before {
  content: "";
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  background: #ff6a1a;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.5 3a6.5 6.5 0 0 1 5.17 10.44l4.45 4.44-1.24 1.24-4.44-4.45A6.5 6.5 0 1 1 9.5 3Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.5 3a6.5 6.5 0 0 1 5.17 10.44l4.45 4.44-1.24 1.24-4.44-4.45A6.5 6.5 0 1 1 9.5 3Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.km-movies-search h2::after {
  content: "Busca por titulo, anio, pais o categoria y descubre nuevas historias.";
  position: absolute;
  left: 42px;
  top: calc(100% + 4px);
  color: #aeb9cc;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}
.km-movies-search form {
  display: grid;
  grid-template-columns: minmax(240px, 2.2fr) minmax(120px, 1fr) minmax(170px, 1.15fr) minmax(170px, 1.15fr) 180px;
  gap: 18px;
  align-items: end;
  margin: 34px 0 22px;
}
.km-movies-search label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  color: #c5cfdf;
  font-size: 12px;
  font-weight: 700;
}
.km-movies-search input,
.km-movies-search select {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(72, 143, 255, 0.28);
  border-radius: 8px;
  outline: 0;
  background: rgba(10, 23, 41, 0.95);
  color: #edf2ff;
  font-size: 14px;
}
.km-movies-search input::placeholder {
  color: #8b98ad;
}
.km-movies-search select {
  cursor: pointer;
}
.km-movies-search #submit {
  height: 52px;
  margin: 0;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a1d, #ff5a12) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.02em;
  box-shadow: 0 14px 34px rgba(239, 91, 42, 0.24);
}
.km-movies-search #submit::before {
  content: "⌕";
  margin-right: 10px;
  font-size: 24px;
  line-height: 0;
}
.km-movies-chips {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 -4px;
  padding: 0 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.km-movies-chips::-webkit-scrollbar {
  display: none;
}
.km-movies-chips button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(72, 143, 255, 0.2);
  border-radius: 9px;
  background: rgba(9, 17, 32, 0.88);
  color: #dce5f3;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.km-movies-chips button.active,
.km-movies-chips button:hover {
  border-color: transparent;
  background: linear-gradient(135deg, #ff8a1d, #ff6a1a);
  color: #090c12;
}
.km-movies-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 18px 0 14px;
}
.km-movies-results-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  letter-spacing: -0.035em;
}
.km-movies-results-head h2 span {
  color: #aeb9cc;
  font-weight: 500;
}
.km-movies-results-head label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #aeb9cc;
  font-size: 12px;
  font-weight: 700;
}
.km-movies-results-head select {
  height: 36px;
  min-width: 150px;
  padding: 0 34px 0 14px;
  border: 1px solid rgba(72, 143, 255, 0.2);
  border-radius: 999px;
  background: #0b1424;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 84em) {
  .km-movies-search form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .km-movies-search #submit {
    grid-column: 1 / -1;
  }
  .km-movies-hero::after {
    display: none;
  }
}

@media (max-width: 48em) {
  .km-movies-hero,
  .km-movies-search {
    padding-left: 18px;
    padding-right: 18px;
  }
  .km-movies-search form {
    grid-template-columns: 1fr;
  }
  .km-movies-results-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ============================================================
   KAMERAMA · Top
   Estructura: default/layout/videos/content.html + list.html
   ============================================================ */
.km-top-page,
.km-top-content,
.km-top-page *,
.km-top-content * { box-sizing: border-box; }
.km-top-page {
  position: relative;
  top: 0;
  min-height: clamp(220px, 25vw, 330px);
  margin: 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(3, 7, 15, 0.95), rgba(45, 13, 5, 0.38) 55%, rgba(3, 7, 15, 0.86)),
    var(--km-section-panel-image) center / cover no-repeat;
}
.km-top-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(circle at 54% 10%, rgba(255, 95, 20, 0.28), transparent 27%);
  pointer-events: none;
}
.km-top-page .wo_about_wrapper-category,
.km-top-page .km-videos-hero { position: relative; z-index: 1; min-height: inherit; }
/* Neutraliza .video-container-category legacy (style.css) solo en Top:
   esa regla global (position absolute, height 108vh, translate) la comparten
   Tendencias y Stock, por eso no se toca globalmente. */
.km-top-page .video-container-category {
  position: relative;
  left: auto;
  transform: none;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.km-top-page #video-header-category,
.km-top-page video { display: none !important; }
.km-top-page .km-videos-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: clamp(26px, 3.8vw, 54px) clamp(32px, 5vw, 70px) 82px;
  background: transparent !important;
}
.km-top-page .overlay-text-category {
  position: relative;
  z-index: 2;
  width: min(610px, 56%);
  color: #eef3ff;
  text-align: left !important;
}
.km-top-page .km-section-title-icon { display: none; }
.km-top-page .km-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: #ff7b2c;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 900;
  text-transform: uppercase;
}
.km-top-page h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(56px, 7vw, 100px);
  font-weight: 900;
  line-height: 0.82;
  letter-spacing: -0.065em;
  text-align: left !important;
  text-transform: uppercase;
  text-shadow: 0 16px 48px rgba(0, 0, 0, 0.48);
}
.km-top-page h2 {
  margin: 8px 0 0;
  color: #f0f5ff;
  font-size: clamp(24px, 2.2vw, 36px);
  font-weight: 500;
  line-height: 1.1;
}
.km-top-page p {
  max-width: 560px;
  margin: 12px 0 0;
  color: #d2dae8;
  font-size: clamp(14px, 1.15vw, 17px);
  line-height: 1.45;
}
.km-top-hero-visual { position: relative; z-index: 1; flex: 1 1 auto; min-height: 180px; align-self: stretch; }
.km-top-hero-visual::before {
  content: "GRANDES\AHISTORIAS\ASIEMPRE\ATRASCIENDEN";
  white-space: pre;
  position: absolute;
  right: clamp(20px, 4vw, 64px);
  top: 18%;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(15px, 1.3vw, 24px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.28em;
}
.km-top-hero-visual::after {
  content: "El cine vivo\Aen todas partes";
  white-space: pre;
  position: absolute;
  right: clamp(12px, 3vw, 48px);
  bottom: 16%;
  color: #fff;
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(22px, 2vw, 34px);
  font-weight: 700;
  line-height: 1.05;
  transform: rotate(-8deg);
}
.km-top-content {
  margin: 0 !important;
  padding: 0 0 clamp(32px, 4vw, 56px) !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.km-top-content > .col-md-12 { float: none; width: 100%; padding: 0; }
.km-top-filters {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: -62px 0 14px clamp(32px, 5vw, 70px);
}
.km-top-filters button {
  min-width: 136px;
  min-height: 46px;
  padding: 0 22px;
  border: 1px solid rgba(178, 203, 238, 0.38);
  border-radius: 12px;
  background: rgba(8, 16, 31, 0.82);
  color: #eef3ff;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}
.km-top-filters button.active,
.km-top-filters button:hover {
  border-color: transparent;
  background: linear-gradient(135deg, #ff8a1d, #ff6a1a);
  color: #090c12;
  box-shadow: 0 14px 32px rgba(239, 91, 42, 0.22);
}
.km-top-ranking.row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0 !important;
  counter-reset: kmTopRank;
}
.km-top-ranking::before,
.km-top-ranking::after,
.km-top-ranking > .clear { display: none !important; }
.videos-latest-list.row.km-top-ranking > .km-video-list-col,
.videos-latest-list.row.km-top-ranking > [class*="col-"] {
  position: relative;
  counter-increment: kmTopRank;
  float: none !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.km-top-ranking > .km-video-list-col::before,
.km-top-ranking > [class*="col-"]::before {
  content: counter(kmTopRank);
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 4;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(17, 32, 54, 0.98);
  color: #dce7f7;
  font-size: 24px;
  font-weight: 900;
}
.km-top-ranking > .km-video-list-col:first-child::before,
.km-top-ranking > [class*="col-"]:first-child::before {
  top: 8px;
  transform: none;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffd26a, #f5a916);
  color: #fff;
  font-size: 32px;
}
.km-top-ranking .km-video-card,
.km-top-ranking .video-latest-list.video-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 74px;
  margin: 0 0 0 58px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(6, 17, 31, 0.78), rgba(4, 11, 22, 0.52)) !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.km-top-ranking > .km-video-list-col:first-child .km-video-card,
.km-top-ranking > [class*="col-"]:first-child .km-video-card,
.km-top-ranking > .km-video-list-col:first-child .video-latest-list.video-wrapper,
.km-top-ranking > [class*="col-"]:first-child .video-latest-list.video-wrapper {
  display: grid;
  grid-template-columns: minmax(300px, 33%) minmax(0, 1fr);
  min-height: 152px;
  margin: 0 0 8px 0 !important;
  padding: 10px 18px 10px 78px !important;
  border: 1px solid rgba(72, 143, 255, 0.28) !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, rgba(10, 27, 48, 0.96), rgba(6, 18, 34, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 55px rgba(0,0,0,.22) !important;
}
.km-top-ranking .video-thumb {
  position: relative;
  flex: 0 0 auto;
  width: 150px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 7px;
  background: #101827;
}
.km-top-ranking > .km-video-list-col:first-child .video-thumb,
.km-top-ranking > [class*="col-"]:first-child .video-thumb { width: 100%; min-height: 132px; align-self: stretch; border-radius: 9px; }
.km-top-ranking .video-thumb > a,
.km-top-ranking .video-thumb img { display: block; width: 100%; height: 100%; }
.km-top-ranking .video-thumb img { object-fit: cover; }
.km-top-ranking .video-duration {
  position: absolute;
  right: 7px;
  bottom: 7px;
  z-index: 3;
  padding: 3px 7px;
  border-radius: 5px;
  background: rgba(0,0,0,.82);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.km-top-ranking .video-title,
.km-top-ranking .km-video-title { min-width: 0; margin: 0 !important; padding: 0 !important; }
.km-top-ranking .video-title a,
.km-top-ranking .video-title h4 {
  display: block;
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.km-top-ranking > .km-video-list-col:first-child .video-title h4,
.km-top-ranking > [class*="col-"]:first-child .video-title h4 { font-size: clamp(22px, 2vw, 28px) !important; white-space: normal; }
.km-top-ranking .video-info,
.km-top-ranking .km-video-info { min-width: 0; margin: 0 !important; padding: 0 !important; color: #aeb9cc !important; font-size: 13px !important; }
.km-top-ranking .video-info a { color: #dce5f3 !important; font-weight: 800; text-decoration: none !important; }
.km-top-ranking .km-top-mid {
  flex: 1 1 auto;
  min-width: 0;
}
.km-top-ranking .km-top-side {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex: 0 0 auto;
}
.km-top-ranking .km-top-side .video-duration {
  position: static;
}
.km-top-ranking .km-top-go {
  color: rgba(255,255,255,.7);
  font-size: 30px;
  line-height: 1;
}
.km-top-complete { display: flex; justify-content: center; margin-top: 20px; }
.km-top-complete a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid rgba(72, 143, 255, 0.22);
  background: rgba(17, 32, 54, 0.95);
  color: #fff !important;
  font-weight: 800;
  text-decoration: none !important;
}

@media (max-width: 80em) {
  .km-top-hero-visual { display: none; }
  .km-top-page .overlay-text-category { width: min(680px, 100%); }
  .km-top-ranking .video-thumb { width: 120px; }
}

@media (max-width: 48em) {
  .km-top-page .km-videos-hero { padding: 28px 20px 82px; }
  .km-top-filters { margin: -66px 0 14px 20px; overflow-x: auto; padding-right: 20px; }
  .km-top-filters button { min-width: 116px; }
  .km-top-ranking .km-video-card,
  .km-top-ranking .video-latest-list.video-wrapper,
  .km-top-ranking > .km-video-list-col:first-child .km-video-card,
  .km-top-ranking > [class*="col-"]:first-child .km-video-card { margin-left: 46px !important; padding: 8px !important; min-height: 80px; }
  .km-top-ranking .video-thumb { width: 112px; }
  .km-top-ranking .km-top-side { gap: 10px; }
  .km-top-ranking > .km-video-list-col::before,
  .km-top-ranking > [class*="col-"]::before { width: 36px; height: 36px; font-size: 18px; }
  .km-top-ranking > .km-video-list-col:first-child::before,
  .km-top-ranking > [class*="col-"]:first-child::before { width: 44px; height: 44px; font-size: 22px; }
}

/* ============================================================
   KAMERAMA · Tendencias / Trending
   Estructura: default/layout/videos/content.html + list.html
   ============================================================ */
.km-trending-page,
.km-trending-content,
.km-trending-page *,
.km-trending-content * {
  box-sizing: border-box;
}
.km-trending-page {
  position: relative;
  top: 0;
  min-height: clamp(220px, 25vw, 330px);
  margin: 0 0 18px;
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, 0.22);
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(3, 7, 15, 0.95), rgba(42, 9, 4, 0.46) 56%, rgba(3, 7, 15, 0.9)),
    var(--km-section-panel-image) center / cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 22px 70px rgba(0, 0, 0, 0.25);
}
.km-trending-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(circle at 56% 16%, rgba(255, 77, 0, 0.34), transparent 22%);
  pointer-events: none;
}
.km-trending-page .wo_about_wrapper-category,
.km-trending-page .km-videos-hero {
  position: relative;
  z-index: 1;
  min-height: inherit;
}
.km-trending-page #video-header-category,
.km-trending-page video,
.km-trending-page .km-videos-hero > video {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.km-trending-page .km-videos-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(18px, 3vw, 44px);
  align-items: center;
  padding: clamp(0px, 0vw, 0px) clamp(28px, 4.5vw, 68px);
  background: transparent !important;
}
/* Neutraliza .video-container-category legacy (style.css) solo en trending:
   esa regla global (position absolute, height 108vh, translate) la comparten
   Top y Stock, por eso no se toca globalmente. */
.km-trending-page .video-container-category {
  position: relative;
  left: auto;
  transform: none;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.km-trending-page .overlay-text-category {
  position: relative;
  z-index: 2;
  align-self: center;
  width: 100%;
  max-width: 620px;
  margin: 0;
  color: #eef3ff;
  text-align: left !important;
}
.km-trending-page .km-section-title-icon {
  display: none;
}
.km-trending-page .km-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: #ff7b2c;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 900;
  text-transform: uppercase;
}
.km-trending-page h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(44px, 5vw, 70px);
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.055em;
  text-align: left !important;
  text-shadow: 0 16px 48px rgba(0, 0, 0, 0.48);
}
.km-trending-page h2 {
  margin: 8px 0 0;
  color: #f0f5ff;
  font-size: clamp(22px, 2.3vw, 36px);
  font-weight: 500;
  line-height: 1.12;
}
.km-trending-page p {
  max-width: 560px;
  margin: 12px 0 0;
  color: #d2dae8;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.45;
}
.km-trending-page .km-trending-hero-random {
  max-width: 560px;
  margin: 10px 0 0;
  color: #ffb37a;
  font-size: clamp(13px, 1.1vw, 15px);
  font-weight: 700;
  line-height: 1.4;
}
.km-trending-hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}
.km-trending-hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  min-width: 142px;
  padding: 0 24px;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none !important;
}
.km-trending-hero-actions a:first-child {
  background: linear-gradient(135deg, #ff8a1d, #ff6a1a);
  color: #080b12 !important;
  box-shadow: 0 14px 32px rgba(239, 91, 42, 0.26);
}
.km-trending-hero-actions a:first-child::before {
  content: "▷";
  margin-right: 9px;
}
.km-trending-hero-actions a:last-child {
  border: 1px solid rgba(178, 203, 238, 0.45);
  background: rgba(8, 16, 31, 0.62);
}
.km-trending-hero-actions a svg,
.km-trending-empty a svg,
.km-trending-empty button svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.km-trending-hero-visual {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 2vw, 26px);
  min-height: 170px;
}
.km-trending-hero-img {
  width: clamp(120px, 14vw, 210px);
  height: auto;
  flex: 0 0 auto;
  opacity: 0.95;
  filter: drop-shadow(0 22px 44px rgba(0, 0, 0, 0.55));
}
.km-trending-hero-visual span {
  position: static;
  max-width: 200px;
  transform: rotate(-8deg);
  color: #fff;
  font-family: "Segoe Script", "Comic Sans MS", cursive;
  font-size: clamp(22px, 2vw, 34px);
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
}
.km-trending-hero-visual span::after {
  content: "";
  display: block;
  width: 112px;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: #ff6a1a;
}
.km-trending-content {
  margin: 0 !important;
  padding: 0 0 clamp(32px, 4vw, 56px) !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.km-trending-content > .col-md-12 {
  float: none;
  width: 100%;
  padding: 0;
}
.km-trending-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: clamp(280px, 32vw, 430px);
  margin: 0 0 20px;
  padding: clamp(34px, 5vw, 72px) 24px;
  border: 1px solid rgba(72, 143, 255, 0.23);
  border-radius: 12px;
  background: radial-gradient(circle at 50% 0%, rgba(0, 132, 255, 0.17), transparent 38%), linear-gradient(180deg, rgba(5, 20, 38, 0.9), rgba(4, 10, 20, 0.94));
  color: #eef3ff;
  text-align: center;
}
.km-trending-empty > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin-bottom: 24px;
  border: 1px solid rgba(239, 91, 42, 0.46);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, rgba(239, 91, 42, 0.2), rgba(12, 24, 43, 0.88));
  color: #b6c3d6;
}
.km-trending-empty > span svg {
  width: 48px;
  height: 48px;
}
.km-trending-empty h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 900;
}
.km-trending-empty p {
  max-width: 610px;
  margin: 12px auto 0;
  color: #bcc7d8;
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.45;
}
.km-trending-empty div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 28px;
}
.km-trending-empty a,
.km-trending-empty button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 190px;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none !important;
  cursor: pointer;
}
.km-trending-empty .km-primary {
  border: 0;
  background: linear-gradient(135deg, #ff8a1d, #ff6a1a);
  color: #090c12 !important;
}
.km-trending-empty a:not(.km-primary),
.km-trending-empty button {
  border: 1px solid rgba(178, 203, 238, 0.45);
  background: rgba(8, 16, 31, 0.62);
}
.km-trending-interest {
  margin-top: 18px;
}
.km-trending-interest h2 {
  position: relative;
  margin: 0 0 4px;
  padding-left: 22px;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
}
.km-trending-interest h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 3px;
  width: 5px;
  border-radius: 99px;
  background: #ff6a1a;
}
.km-trending-interest p {
  margin: 0 0 18px;
  color: #aeb9cc;
  font-size: 15px;
}
.km-trending-interest > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.km-trending-interest a {
  position: relative;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, 0.2);
  border-radius: 10px;
  background: linear-gradient(180deg, transparent, rgba(3, 7, 15, 0.88)), linear-gradient(135deg, rgba(255, 125, 30, 0.22), rgba(0, 132, 255, 0.12)), #0b1424;
  color: #fff !important;
  text-decoration: none !important;
}
.km-trending-interest a span {
  font-size: 24px;
  font-weight: 900;
}
.km-trending-interest a small {
  max-width: 230px;
  margin-top: 6px;
  color: #d1d9e6;
  font-size: 14px;
  line-height: 1.35;
}
.km-trending-interest a b {
  position: absolute;
  right: 18px;
  bottom: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 2px solid #ff6a1a;
  border-radius: 50%;
  color: #ff6a1a;
  font-size: 30px;
}
.km-trending-grid.row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 2.6vw, 38px) clamp(18px, 2.1vw, 30px);
  align-items: start;
  margin: 0 !important;
}
.km-trending-grid::before,
.km-trending-grid::after,
.km-trending-grid > .clear {
  display: none !important;
}
.videos-latest-list.row.km-trending-grid > .km-video-list-col,
.videos-latest-list.row.km-trending-grid > [class*="col-"] {
  float: none !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
/* Tendencias muestra el lote completo ya entregado por el servidor. */
.videos-latest-list.row.km-trending-grid > :nth-child(n+9) {
  display: block !important;
}
.km-trending-grid .video-title a,
.km-trending-grid .video-title h4,
.km-trending-grid .km-video-title a,
.km-trending-grid .km-video-title h4 {
  display: -webkit-box;
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  text-decoration: none !important;
  min-height: 2.56em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

@media (max-width: 80em) {
  .km-trending-hero-visual {
    display: none;
  }
  .km-trending-page .overlay-text-category {
    width: min(680px, 100%);
  }
  .km-trending-interest > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .km-trending-grid.row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 48em) {
  .km-trending-page .km-videos-hero {
    padding: 28px 20px;
  }
  .km-trending-hero-actions,
  .km-trending-empty div {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
  .km-trending-hero-actions a,
  .km-trending-empty a,
  .km-trending-empty button {
    width: 100%;
  }
  .km-trending-interest > div {
    grid-template-columns: 1fr;
  }
  .km-trending-grid.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .km-trending-grid.row {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   KAMERAMA · Nuevos / Latest
   Estructura: default/layout/videos/content.html + list.html
   ============================================================ */
.km-latest-page,
.km-latest-content,
.km-latest-page *,
.km-latest-content * {
  box-sizing: border-box;
}
.km-latest-page {
  position: relative;
  top: 0;
  min-height: clamp(220px, 27vw, 355px);
  margin: 0 0 20px;
  overflow: hidden;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(3, 7, 15, 0.94), rgba(4, 10, 20, 0.52) 50%, rgba(3, 7, 15, 0.88)),
    var(--km-section-panel-image) center / cover no-repeat;
}
.km-latest-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 52% 0%, rgba(0, 132, 255, 0.15), transparent 32%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(2, 6, 17, 0.84));
  pointer-events: none;
}
.km-latest-page .wo_about_wrapper-category,
.km-latest-hero {
  position: relative;
  z-index: 1;
  min-height: inherit;
}
.km-latest-hero #video-header-category,
.km-latest-page video {
  display: none !important;
}
.km-latest-hero {
  display: flex;
  align-items: center;
  padding: clamp(34px, 4.8vw, 74px) clamp(28px, 4.5vw, 68px);
  background: transparent !important;
}
.km-latest-hero-copy {
  width: min(560px, 100%);
  color: #eef3ff;
}
.km-latest-hero-copy .km-section-title-icon {
  display: none;
}
.km-latest-hero-copy .km-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: rgba(232, 240, 255, 0.78);
  font-size: clamp(10px, 0.8vw, 13px);
  font-weight: 800;
  letter-spacing: 0.62em;
  text-transform: uppercase;
}
.km-latest-hero-copy h1 {
  margin: 0;
  color: #f5f8ff;
  font-size: clamp(52px, 8vw, 106px);
  font-weight: 900;
  line-height: 0.82;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  text-shadow: 0 16px 45px rgba(0, 0, 0, 0.5), 0 0 18px rgba(145, 186, 255, 0.28);
}
.km-latest-hero-copy p {
  max-width: 520px;
  margin: 22px 0 0;
  color: #c7d0df;
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.45;
}
.km-latest-page::after {
  content: "EL CINE\A TAMBIÉN\A NOS UNE";
  white-space: pre;
  position: absolute;
  right: clamp(38px, 7vw, 116px);
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  max-width: 220px;
  color: rgba(239, 91, 42, 0.72);
  font-size: clamp(13px, 1.6vw, 22px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.km-latest-content {
  margin: 0 !important;
  padding: 0 0 clamp(32px, 4vw, 56px) !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.km-latest-content > .col-md-12 {
  float: none;
  width: 100%;
  padding: 0;
}
.km-latest-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 18px;
}
.km-latest-filters {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.km-latest-filters::-webkit-scrollbar {
  display: none;
}
.km-latest-chip {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 21px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(9, 17, 32, 0.88);
  color: #dce5f3;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.km-latest-chip:hover,
.km-latest-chip.active {
  border-color: rgba(239, 91, 42, 0.9);
  background: rgba(239, 91, 42, 0.18);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(239, 91, 42, 0.25), 0 10px 26px rgba(239, 91, 42, 0.14);
}
.km-latest-chip:disabled,
.km-latest-chip.active:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}
.km-latest-sort {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  margin: 0;
  color: #aeb9cc;
  font-size: 12px;
  font-weight: 700;
}
.km-latest-sort select {
  height: 36px;
  min-width: 142px;
  padding: 0 36px 0 16px;
  border: 1px solid rgba(72, 143, 255, 0.18);
  border-radius: 999px;
  background: #0b1424;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.km-latest-sort select:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.km-latest-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  height: 36px;
  padding: 0 8px 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(9, 17, 32, 0.88);
}
.km-latest-search svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: #93a0b8;
}
.km-latest-search-input {
  width: 160px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.km-latest-search-input::placeholder {
  color: #7e8aa1;
}
.km-latest-search-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: transparent;
  color: #dce5f3;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
.km-latest-empty {
  margin: 6px 0 0;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: rgba(7, 13, 25, 0.72);
  color: #aeb9cc;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}
.km-latest-grid.row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 2.6vw, 38px) clamp(18px, 2.1vw, 30px);
  align-items: start;
  margin: 0 !important;
}
.km-latest-grid::before,
.km-latest-grid::after,
.km-latest-grid > .clear {
  display: none !important;
}
.videos-latest-list.row.km-latest-grid > .km-video-list-col,
.videos-latest-list.row.km-latest-grid > [class*="col-"] {
  float: none !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
/* Nuevos muestra el lote completo ya entregado por el servidor. */
.videos-latest-list.row.km-latest-grid > :nth-child(n+9) {
  display: block !important;
}
.videos-latest-list.row.km-latest-grid > .km-hidden {
  display: none !important;
}
.km-latest-grid .km-video-card,
.km-latest-grid .video-latest-list.video-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0 !important;
  padding: 8px 8px 12px;
  overflow: hidden;
  border: 1px solid rgba(72, 143, 255, 0.17) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(11, 23, 40, 0.9), rgba(7, 13, 25, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 52px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}
.km-latest-grid .km-video-card:hover,
.km-latest-grid .video-latest-list.video-wrapper:hover {
  transform: translateY(-3px);
  border-color: rgba(64, 160, 255, 0.48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 64px rgba(0, 0, 0, 0.34) !important;
}
.km-latest-grid .video-thumb,
.km-latest-grid .km-latest-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  background: #101827;
}
.km-latest-grid .video-thumb > a,
.km-latest-grid .video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}
.km-latest-grid .video-thumb img {
  object-fit: cover;
  transform: scale(1.01);
  transition: transform 0.22s ease, filter 0.22s ease;
}
.km-latest-grid .km-video-card:hover .video-thumb img {
  transform: scale(1.045);
  filter: saturate(1.06) contrast(1.04);
}
.km-latest-grid .play_hover_btn {
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  transition: opacity 0.18s ease;
}
.km-latest-grid .km-video-card:hover .play_hover_btn {
  opacity: 1;
}
.km-latest-grid .play_hover_btn svg {
  width: 54px;
  height: 54px;
  filter: drop-shadow(0 12px 26px rgba(0, 0, 0, 0.48));
}
.km-latest-grid .video-duration {
  position: absolute;
  right: 7px;
  bottom: 7px;
  z-index: 3;
  padding: 3px 7px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.82);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.km-latest-grid .video-title,
.km-latest-grid .km-video-title {
  margin: 8px 2px 0 !important;
  padding: 0 !important;
  min-height: auto !important;
}
.km-latest-grid .video-title a,
.km-latest-grid .video-title h4,
.km-latest-grid .km-video-title a,
.km-latest-grid .km-video-title h4 {
  display: -webkit-box;
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  text-decoration: none !important;
  min-height: 2.56em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.km-latest-grid .video-info,
.km-latest-grid .km-video-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 2px 0 !important;
  padding: 0 !important;
  color: #9faabc !important;
  font-size: 12px !important;
  line-height: 1.35;
}
.km-latest-grid .video-info > div {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.km-latest-grid .video-info a {
  color: #dce5f3 !important;
  font-weight: 700;
  text-decoration: none !important;
}
.km-latest-grid .km-thumb-empty {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  text-align: center;
}
.km-latest-grid .km-media-fallback .km-thumb-empty,
.km-latest-grid .video-thumb.km-media-fallback .km-thumb-empty {
  display: flex;
}
.km-latest-grid .km-thumb-empty svg {
  width: 34px;
  height: 34px;
}

@media (max-width: 1024px) {
  .km-latest-grid.row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .km-latest-page::after {
    display: none;
  }
}

@media (max-width: 58em) {
  .km-latest-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .km-latest-search {
    width: 100%;
  }
  .km-latest-search-input {
    flex: 1 1 auto;
    width: auto;
  }
  .km-latest-sort {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .km-latest-grid.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 42em) {
  .km-latest-hero {
    padding: 34px 18px;
  }
}

@media (max-width: 460px) {
  .km-latest-grid.row {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   KAMERAMA · CORTOS (Shorts) — dark premium, solo presentación
   Estructura existente: default/layout/shorts/content.html
   + default/layout/shorts/list.html. Sin cambios de lógica.
   ============================================================ */

/* ---------- §1 Layout general: [info] [video] [acciones] ---------- */
.roww {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: clip;
}
.roww .col-md-3w {
  display: none;
}
.roww .col-md-6w {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 clamp(16px, 2vw, 32px);
}
.roww #shorts_flex:empty {
  display: none;
}
.roww .swiper {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: calc(var(--vh, 1vh) * 100 - 170px);
  min-height: 520px;
  overflow: hidden;
  margin-top: 0;
}
.roww .swiper-wrapper,
.roww .swiper-slide {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.roww .swiper-wrapper .videocontainer,
.roww .swiper-wrapper .video-staand {
  height: auto;
  padding: 0;
}
.roww .swiper-wrapper .videocontainer {
  max-width: none;
}
.roww .swiper-wrapper video {
  width: 100% !important;
  margin: 0 !important;
  object-fit: contain;
  box-shadow: none;
  border-radius: 0;
}
.roww .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 100%;
  background: transparent;
  overflow: hidden;
}
.swiper .swiper-slide .videocontainer {
  --km-short-video-width: min(clamp(336px, 30vw, 446px), calc((var(--vh, 1vh) * 100 - 190px) * 9 / 16));
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--km-short-video-width) minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  gap: clamp(12px, 1.6vw, 24px);
  width: 100%;
  max-width: min(1180px, 100%);
  box-sizing: border-box;
  max-height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
}

/* Título de página compacto (reutiliza .pt_shorts_page_title legacy) */
.pt_shorts_page_title {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 16px clamp(16px, 2vw, 32px) 8px;
  color: #f5f5f7;
  pointer-events: auto;
}
.pt_shorts_page_title span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
}
.pt_shorts_page_title span svg {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  padding: 6px;
  margin-top: 0;
}

/* ---------- §2 Video vertical protagonista ---------- */
.swiper .swiper-slide .videocontainer .video-staand {
  position: relative;
  grid-column: 2;
  justify-self: center;
  order: 2;
  flex: 0 1 auto;
  width: var(--km-short-video-width);
  aspect-ratio: 9 / 16;
  max-height: 100%;
  background: #05070d;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
  padding: 0;
}
.swiper .swiper-slide .videocontainer .video-staand video,
.swiper .swiper-slide .videocontainer .video-staand .mejs__container,
.swiper .swiper-slide .videocontainer .video-staand .mejs__inner,
.swiper .swiper-slide .videocontainer .video-staand .mejs__mediaelement video {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0;
  object-fit: contain;
  background: #05070d;
}
.swiper .swiper-slide .vid_bg {
  background: #05070d;
}

/* ---------- §3 Panel de información ---------- */
.swiper .swiper-slide .videocontainer .shorts_events {
  position: static;
  display: contents;
  padding: 0;
  background: transparent;
  pointer-events: auto;
}
.swiper .swiper-slide .videocontainer .container-short-info {
  position: relative;
  grid-column: 1;
  justify-self: end;
  order: 1;
  flex: 0 0 auto;
  width: clamp(250px, 22vw, 320px) !important;
  max-width: 320px;
  min-width: 0;
  pointer-events: auto;
  padding: 20px !important;
  background: rgba(12, 16, 27, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  transform: none;
}
.swiper .swiper-slide .videocontainer .km-short-info-view {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 0;
}
.swiper .swiper-slide .videocontainer .short-info-title {
  margin: 0;
  padding-right: 44px;
  border: 0;
  font-size: clamp(1rem, 0.85rem + 0.8vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  text-align: left;
  text-shadow: none;
}
.swiper .swiper-slide .videocontainer .km-short-info-menu {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  letter-spacing: 2px;
  writing-mode: vertical-rl;
  cursor: pointer;
}
.swiper .swiper-slide .videocontainer .km-short-info-menu:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

/* ---------- §4 Usuario: [avatar] [nombre @user] [Seguir] ---------- */
.swiper .swiper-slide .videocontainer .info-boxshort-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
}
.swiper .swiper-slide .videocontainer .user-short-info {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  text-shadow: none;
}
.swiper .swiper-slide .videocontainer .publisher-avatar a {
  display: flex;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background: #1a2233;
}
.swiper .swiper-slide .videocontainer .publisher-avatar img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.swiper .swiper-slide .videocontainer .publisher-avatar.km-avatar-fallback a {
  background: #1a2233 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-opacity='.4' d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4 0-8 2-8 5v1h16v-1c0-3-4-5-8-5z'/%3E%3C/svg%3E") center / 55% no-repeat;
}
.swiper .swiper-slide .videocontainer .publisher-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  font-size: 14px;
  text-shadow: none;
}
.swiper .swiper-slide .videocontainer .publisher-name > a {
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swiper .swiper-slide .videocontainer .publisher-name > span {
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  white-space: nowrap;
}

/* ---------- §5 Botón Seguir ---------- */
.swiper .swiper-slide .videocontainer a.km-short-follow {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: 18px;
  background: #ef5b2a;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}
.swiper .swiper-slide .videocontainer a.km-short-follow:hover {
  background: #f46534;
  color: #fff;
  transform: translateY(-1px);
}

/* ---------- §6 Descripción / hashtags ---------- */
.swiper .swiper-slide .videocontainer .km-short-caption {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.45;
}
.swiper .swiper-slide .videocontainer .km-short-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.swiper .swiper-slide .videocontainer .km-short-tags span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.68);
}
.swiper .swiper-slide .videocontainer .km-short-tags span:last-child {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 0 10px;
  line-height: 22px;
  cursor: pointer;
}

/* ---------- §7 Metadata: vistas · tiempo ---------- */
.swiper .swiper-slide .videocontainer .km-short-info-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
}
.swiper .swiper-slide .videocontainer .km-short-info-meta p {
  margin: 0;
}
.swiper .swiper-slide .videocontainer .km-short-info-views {
  display: flex;
  align-items: center;
  gap: 6px;
}
.swiper .swiper-slide .videocontainer .km-short-info-views svg {
  width: 16px;
  height: 16px;
}

/* ---------- §9-§11 Acciones laterales ---------- */
.swiper .swiper-slide .videocontainer .container-short-events {
  position: relative;
  grid-column: 3;
  justify-self: start;
  order: 3;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  pointer-events: auto;
  transform: none;
  transition: opacity 0.15s ease;
}
.swiper .swiper-slide.km-short-comments-open .videocontainer .container-short-events {
  width: 0;
  min-width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  gap: 0;
  transition: none;
}
.swiper .swiper-slide .videocontainer .container-short-events > button.km-short-action,
.swiper .swiper-slide .videocontainer .container-short-events > div[class*="dislike-btn"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  appearance: none;
}
.swiper .swiper-slide .videocontainer .container-short-events > div[class*="dislike-btn"] {
  display: none !important;
}
.swiper .swiper-slide .videocontainer .container-short-events > button.km-short-action > svg,
.swiper .swiper-slide .videocontainer .container-short-events > div[class*="dislike-btn"] > svg {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  transition: background 0.15s ease, transform 0.15s ease;
}
.swiper .swiper-slide .videocontainer .container-short-events > button.km-short-action:hover > svg,
.swiper .swiper-slide .videocontainer .container-short-events > div[class*="dislike-btn"]:hover > svg {
  background: rgba(255, 255, 255, 0.14);
  transform: scale(1.04);
}
.swiper .swiper-slide .videocontainer .container-short-events p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
}

/* ---------- §10 Like activo con acento sutil ---------- */
.swiper .swiper-slide .videocontainer .container-short-events > button[class*="like-btn"].active > svg {
  background: #e8384f;
  color: #fff;
}
.swiper .swiper-slide .videocontainer .container-short-events > div[class*="dislike-btn"].active > svg {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

/* Guardar: bookmark relleno solo cuando está guardado */
.swiper .swiper-slide .videocontainer .km-short-save .km-bookmark-filled {
  display: none;
}
.swiper .swiper-slide .videocontainer .km-short-save.km-short-saved .km-bookmark-filled {
  display: block;
}
.swiper .swiper-slide .videocontainer .km-short-save.km-short-saved .km-bookmark-outline {
  display: none;
}
.swiper .swiper-slide .videocontainer .km-short-save.km-short-saved > svg {
  background: rgba(239, 91, 42, 0.18);
  color: #ff8a4d;
}

/* Popovers de compartir / más: tarjetas oscuras */
.swiper .swiper-slide .videocontainer .km-short-share-popover,
.swiper .swiper-slide .videocontainer .km-short-menu {
  position: absolute;
  bottom: 0;
  left: 52px;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 210px;
  padding: 8px;
  background: rgba(10, 14, 24, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}
.swiper .swiper-slide .videocontainer .km-short-share-popover button,
.swiper .swiper-slide .videocontainer .km-short-share-popover a,
.swiper .swiper-slide .videocontainer .km-short-menu button,
.swiper .swiper-slide .videocontainer .km-short-menu a {
  display: flex;
  width: 100%;
  padding: 9px 10px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: #f5f5f7;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.swiper .swiper-slide .videocontainer .km-short-share-popover button:hover,
.swiper .swiper-slide .videocontainer .km-short-share-popover a:hover,
.swiper .swiper-slide .videocontainer .km-short-menu button:hover,
.swiper .swiper-slide .videocontainer .km-short-menu a:hover {
  background: rgba(255, 255, 255, 0.07);
}
.swiper .swiper-slide .videocontainer .km-short-menu .danger {
  color: #ff7a7a;
}
/* No mostrar paneles con atributo hidden aunque tengan display:flex */
.swiper .swiper-slide .videocontainer [hidden] {
  display: none !important;
}

/* ---------- §12 Controles flotantes dentro del video ---------- */
.swiper .swiper-slide .videocontainer .km-short-video-controls {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(4, 6, 12, 0.75);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  color: #fff;
}
.swiper .swiper-slide .videocontainer .km-short-video-controls button {
  display: flex;
  padding: 4px;
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
}
.swiper .swiper-slide .videocontainer .km-short-video-controls button svg {
  width: 20px;
  height: 20px;
  background: transparent;
  padding: 0;
}
.swiper .swiper-slide .videocontainer .km-short-video-current,
.swiper .swiper-slide .videocontainer .km-short-video-duration {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}
.swiper .swiper-slide .videocontainer .km-short-video-controls input[type="range"] {
  accent-color: #ef5b2a;
}
.swiper .swiper-slide .videocontainer .km-short-video-range {
  flex: 1 1 auto;
  min-width: 0;
}
.swiper .swiper-slide .videocontainer .km-short-volume {
  display: flex;
  align-items: center;
  gap: 0;
}
.swiper .swiper-slide .videocontainer .km-short-volume.is-expanded {
  gap: 6px;
}
.swiper .swiper-slide .videocontainer .km-short-volume-range {
  width: 0;
  min-width: 0;
  height: 3px;
  opacity: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
  transition: width 0.25s ease, opacity 0.25s ease, min-width 0.25s ease;
}
.swiper .swiper-slide .videocontainer .km-short-volume.is-expanded .km-short-volume-range {
  width: 60px;
  min-width: 60px;
  opacity: 1;
}
.swiper .swiper-slide .videocontainer .km-short-volume-range input[type="range"] {
  width: 100%;
  height: 3px;
  margin: 0;
  accent-color: #ef5b2a;
  cursor: pointer;
}
.swiper .swiper-slide .videocontainer .km-short-volume-toggle svg {
  display: none;
}
.swiper .swiper-slide .videocontainer .km-short-volume.is-high .km-volume-high,
.swiper .swiper-slide .videocontainer .km-short-volume.is-low .km-volume-low,
.swiper .swiper-slide .videocontainer .km-short-volume.is-muted .km-volume-muted,
.swiper .swiper-slide .videocontainer .km-short-volume:not(.is-high):not(.is-low):not(.is-muted) .km-volume-high {
  display: block;
}

/* ---------- §13 Video no disponible: ocultar URL técnica ---------- */
.swiper .swiper-slide .videocontainer .video-staand .mejs__overlay-error {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #05070d;
}
.swiper .swiper-slide .videocontainer .video-staand .mejs__overlay-error .mejs__cannotplay a,
.swiper .swiper-slide .videocontainer .video-staand .mejs__overlay-error .mejs__cannotplay p {
  display: none;
}
.swiper .swiper-slide .videocontainer .video-staand .mejs__overlay-error::after {
  content: "No se encuentra el video";
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  text-align: center;
  padding: 0 24px;
}

/* ---------- §14 Botones de navegación: centrados verticalmente ---------- */
.roww .swiper-button-prev,
.roww .swiper-button-next {
  top: 50%;
  right: 24px;
  bottom: auto;
  left: auto;
  z-index: 80;
  transform: rotate(90deg) translateX(-50%);
  transition: opacity 0.15s ease;
}
.swiper-slide.km-short-comments-open ~ .swiper-button-prev,
.swiper-slide.km-short-comments-open ~ .swiper-button-next {
  opacity: 0;
  pointer-events: none;
}
.roww .swiper-button-prev {
  top: calc(50% - 35px);
}
.roww .swiper-button-next {
  top: calc(50% + 35px);
}
.roww .swiper-button-prev:hover {
  transform: rotate(90deg) translateX(-50%) translateY(-6px);
}
.roww .swiper-button-next:hover {
  transform: rotate(90deg) translateX(-50%) translateY(6px);
}

/* ---------- Panel de comentarios ---------- */
.swiper .swiper-slide .videocontainer .km-short-comments-panel {
  position: absolute;
  top: 50%;
  right: 80px;
  left: auto;
  bottom: auto;
  width: min(340px, 100%);
  max-height: min(500px, calc(var(--vh, 1vh) * 100 - 240px));
  z-index: 60;
  display: flex;
  flex-direction: column;
  background: rgba(8, 11, 19, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  box-shadow: 22px 18px 55px rgba(0, 0, 0, 0.42);
  transform: translateY(-50%);
  pointer-events: auto;
  overflow: hidden;
}
.swiper .swiper-slide .videocontainer .km-short-comments-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 14px;
}
.swiper .swiper-slide .videocontainer .km-short-comments-close {
  position: relative;
  z-index: 2;
  display: flex;
  padding: 6px;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
.swiper .swiper-slide .videocontainer .km-short-comments-close:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.swiper .swiper-slide .videocontainer .km-short-comments-close svg {
  width: 20px;
  height: 20px;
}
.swiper .swiper-slide .videocontainer .km-short-comments-empty {
  padding: 18px 14px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  text-align: center;
}
.swiper .swiper-slide .videocontainer .km-short-comments-list {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 10px 14px;
  min-height: 0;
}
.swiper .swiper-slide .videocontainer .km-short-comment-box {
  display: none;
  gap: 8px;
  align-items: center;
  padding: 10px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.swiper .swiper-slide .videocontainer .km-short-comment-input-wrap {
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.swiper .swiper-slide .videocontainer .km-short-comment-input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 36px;
  max-height: 96px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  color: #fff;
  font-size: 13px;
  resize: none;
}
.swiper .swiper-slide .videocontainer .km-short-comment-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.swiper .swiper-slide .videocontainer .km-short-comment-send {
  display: flex;
  flex: 0 0 auto;
  padding: 6px;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: #ef5b2a;
  cursor: pointer;
}
.swiper .swiper-slide .videocontainer .km-short-comment-send:disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: default;
}
.swiper .swiper-slide .videocontainer .km-short-comment-send svg {
  width: 24px;
  height: 24px;
}

/* ---------- Toast ---------- */
.km-short-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  z-index: 9999;
  padding: 10px 16px;
  background: rgba(10, 14, 24, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: #f5f5f7;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-50%) translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.km-short-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ---------- §15 Responsive ---------- */

/* Notebook: panel algo más compacto */
@media (max-width: 80em) {
  .swiper .swiper-slide .videocontainer {
    --km-short-video-width: min(clamp(316px, 26vw, 396px), calc((var(--vh, 1vh) * 100 - 190px) * 9 / 16));
    gap: 18px;
  }
  .swiper .swiper-slide .videocontainer .container-short-info {
    width: clamp(240px, 24vw, 270px) !important;
    min-width: 0;
  }
  .swiper .swiper-slide .videocontainer .video-staand {
    width: var(--km-short-video-width);
  }
  .swiper .swiper-slide .videocontainer .km-short-comments-panel {
    right: 0;
    left: auto;
    width: min(320px, 100%);
  }
}

/* Tablet: video centrado, acciones en fila, información debajo */
@media (max-width: 64em) {
  .roww .col-md-6w {
    max-width: 720px;
  }
  .swiper .swiper-slide .videocontainer {
    --km-short-video-width: min(430px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    max-height: 100%;
    overflow-y: auto;
    padding: 12px 0 20px;
  }
  .swiper .swiper-slide .videocontainer .video-staand {
    order: 1;
    width: min(430px, 100%);
  }
  .swiper .swiper-slide .videocontainer .container-short-events {
    position: static;
    order: 2;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    transform: none;
  }
  .swiper .swiper-slide.km-short-comments-open .videocontainer .container-short-events {
    opacity: 1;
    pointer-events: auto;
  }
  .swiper .swiper-slide .videocontainer .container-short-info {
    position: relative;
    top: auto;
    right: auto;
    order: 3;
    width: min(560px, 100%) !important;
    max-width: none;
    transform: none;
  }
  .swiper .swiper-slide .videocontainer .km-short-comments-panel {
    left: 50%;
    right: auto;
    width: min(430px, calc(100vw - 32px));
    max-height: min(620px, calc(var(--vh, 1vh) * 100 - 120px));
    border-radius: 16px;
    transform: translate(-50%, -50%);
  }
  .swiper .swiper-slide .videocontainer .km-short-share-popover,
  .swiper .swiper-slide .videocontainer .km-short-menu {
    left: auto;
    right: 0;
    top: calc(100% + 6px);
    bottom: auto;
  }
}

/* Mobile: video full-width, acciones superpuestas, info debajo, sin scroll-x */
@media (max-width: 48em) {
  .roww .col-md-6w {
    padding: 0 8px;
  }
  .roww .swiper {
    min-height: 480px;
  }
  .swiper .swiper-slide .videocontainer {
    --km-short-video-width: min(100%, 430px, calc((var(--vh, 1vh) * 100 - 120px) * 9 / 16));
    position: relative;
    display: block;
    max-height: 100%;
    overflow-y: auto;
    padding: 0 0 16px;
  }
  .swiper .swiper-slide .videocontainer .video-staand {
    width: var(--km-short-video-width);
    margin: 0 auto;
  }
  .swiper .swiper-slide .videocontainer .container-short-events {
    position: absolute;
    right: 6px;
    bottom: 70px;
    z-index: 22;
    flex-direction: column;
    gap: 10px;
  }
  .swiper .swiper-slide .videocontainer .container-short-events > button.km-short-action > svg,
  .swiper .swiper-slide .videocontainer .container-short-events > div[class*="dislike-btn"] > svg {
    width: 40px;
    height: 40px;
  }
  .swiper .swiper-slide .videocontainer .container-short-info {
    width: min(100%, 430px) !important;
    margin: 10px auto 0;
  }
  .swiper .swiper-slide .videocontainer .container-short-info {
    padding: 16px !important;
  }
  .swiper .swiper-slide .videocontainer .km-short-comments-panel {
    position: fixed;
    left: 10px;
    right: 10px;
    top: auto;
    bottom: 10px;
    width: auto;
    max-height: min(70vh, 520px);
    border-radius: 16px;
    transform: none;
  }
  .swiper .swiper-slide .videocontainer .km-short-share-popover,
  .swiper .swiper-slide .videocontainer .km-short-menu {
    left: auto;
    right: 0;
    top: auto;
    bottom: calc(100% + 6px);
  }
  .pt_shorts_page_title {
    padding: 12px;
  }
  .pt_shorts_page_title span {
    font-size: 17px;
  }
}

/* ============================================================
   KAMERAMA · Grids de videos — defensa ante HTML stale/mezclado
   Oculta thumbs rotos/vacíos aunque lleguen sin fallback.
   ============================================================ */
.video-list-image > a > img[src=""],
.video-thumb > a > img[src=""],
.video-list-image > a > img:not([src]),
.video-thumb > a > img:not([src]) {
  display: none;
}
.video-list-image.km-media-fallback:not(:has(.km-thumb-empty))::after,
.video-thumb.km-media-fallback:not(:has(.km-thumb-empty))::after {
  content: "Video no disponible";
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 16px 12px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  text-align: center;
}

/* ============================================================
   KAMERAMA · Hero slider (destacados) — flechas laterales
   Owl genera .pl_feat_vid_slider > .owl-nav > button.owl-prev/next
   (el CSS legacy apuntaba a .pl_feat_vid_slide_nav y nunca matcheaba).
   ============================================================ */
.pl_feat_vid_slider {
  position: relative;
}
.pl_feat_vid_slider > .owl-nav {
  position: static;
  margin: 0;
}
.pl_feat_vid_slider > .owl-nav > button.owl-prev,
.pl_feat_vid_slider > .owl-nav > button.owl-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background: var(--kamerama-bg-chip) !important;
  border: 1px solid var(--kamerama-border) !important;
  color: #fff !important;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.pl_feat_vid_slider > .owl-nav > button.owl-prev {
  left: -1.5rem;
}
.pl_feat_vid_slider > .owl-nav > button.owl-next {
  right: -1.5rem;
}
.pl_feat_vid_slider > .owl-nav > button.owl-prev > svg,
.pl_feat_vid_slider > .owl-nav > button.owl-next > svg {
  width: 1.4rem;
  height: 1.4rem;
}
.pl_feat_vid_slider > .owl-nav > button.owl-prev:hover,
.pl_feat_vid_slider > .owl-nav > button.owl-next:hover {
  background: #ef5b2a !important;
  border-color: #ef5b2a !important;
  color: #fff !important;
}
.pl_feat_vid_slider > .owl-nav > button.owl-prev:hover {
  transform: translateY(-50%) translateX(-3px);
}
.pl_feat_vid_slider > .owl-nav > button.owl-next:hover {
  transform: translateY(-50%) translateX(3px);
}
.pl_feat_vid_slider > .owl-nav > button.owl-prev:focus-visible,
.pl_feat_vid_slider > .owl-nav > button.owl-next:focus-visible {
  outline: 2px solid #ef5b2a;
  outline-offset: 2px;
}
.pl_feat_vid_slider > .owl-nav > button.owl-prev.disabled,
.pl_feat_vid_slider > .owl-nav > button.owl-next.disabled {
  opacity: 0.35;
  cursor: default;
}

/* Panel 2.5% más ancho */
.pl_feat_vid_slide > .container {
  width: min(100%, 98rem) !important;
}

/* Dots estilo Kamerama */
.pl_feat_vid_slider.owl-theme > .owl-dots {
  margin-top: 12px;
}
.pl_feat_vid_slider.owl-theme > .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 4px;
  background: rgba(255, 255, 255, 0.22);
}
.pl_feat_vid_slider.owl-theme > .owl-dots .owl-dot.active span {
  width: 22px;
  background: #ef5b2a;
}

@media (max-width: 48em) {
  .pl_feat_vid_slider > .owl-nav > button.owl-prev,
  .pl_feat_vid_slider > .owl-nav > button.owl-next {
    width: 2.5rem;
    height: 2.5rem;
  }
  .pl_feat_vid_slider > .owl-nav > button.owl-prev {
    left: 8px;
  }
  .pl_feat_vid_slider > .owl-nav > button.owl-next {
    right: 8px;
  }
}

/* Messages page */
.page-margin.pt_shadow:has(> .messages-page) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.messages-page {
  --km-msg-bg: #070d19;
  --km-msg-panel: rgba(10, 18, 32, .94);
  --km-msg-line: rgba(148, 163, 184, .13);
  --km-msg-muted: #8794aa;
  --km-msg-text: #edf4ff;
  --km-msg-orange: #ff6333;
  display: grid !important;
  grid-template-columns: 314px minmax(0, 1fr);
  color: var(--km-msg-text);
  font-size: 13px;
  min-height: calc(100vh - var(--header-height, 72px));
  height: calc(100vh - var(--header-height, 72px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(circle at 64% 42%, rgba(255, 92, 43, .2), transparent 22%),
    radial-gradient(circle at 74% 12%, rgba(59, 130, 246, .13), transparent 24%),
    linear-gradient(135deg, #050914 0%, #08101f 52%, #050912 100%);
}
.messages-page.info-open {
  grid-template-columns: 314px minmax(0, 1fr) 266px;
}
.messages-page > .col-md-4,
.messages-page > .col-md-8,
.messages-page > .mobilerightpane,
.messages-page > .mobileleftpane {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
}
.messages-page > .clear {
  display: none !important;
}
.messages-page a,
.messages-page a:hover,
.messages-page a:focus {
  color: inherit;
  text-decoration: none;
}
.messages-page .mobilerightpane {
  min-height: 0;
  background: rgba(7, 13, 25, .96);
  border-right: 1px solid rgba(148, 163, 184, .16);
}
.messages-page .mobileleftpane {
  position: relative;
  min-height: 0;
  background:
    radial-gradient(circle at 63% 34%, rgba(255, 95, 48, .26), transparent 24%),
    radial-gradient(circle at 70% 72%, rgba(255, 95, 48, .12), transparent 28%),
    linear-gradient(180deg, rgba(8, 15, 29, .84), rgba(7, 13, 25, .96));
}
.messages-page .messages-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: rgba(7, 13, 25, .96) !important;
}
.messages-page .messages-sidebar .search-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 10px;
  align-items: center;
  padding: 10px 12px 8px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.messages-page .messages-sidebar .search-box-inner {
  position: relative;
}
.messages-page .messages-sidebar .search-box svg.feather {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: 0 !important;
  transform: translateY(-50%);
  color: #9aa7bb;
}
.messages-page .messages-sidebar .search-box input {
  width: 100%;
  height: 38px;
  padding: 0 14px 0 38px !important;
  border: 1px solid rgba(148, 163, 184, .17) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, .76) !important;
  color: var(--km-msg-text) !important;
  outline: none;
}
.messages-page .messages-sidebar .search-box > .btn {
  width: 44px;
  height: 38px;
  padding: 0 !important;
  border: 1px solid rgba(148, 163, 184, .17) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, .86) !important;
  color: #cbd5e1 !important;
}
.messages-page .messages-filters {
  display: flex;
  gap: 8px;
  padding: 8px 12px 10px;
  border-bottom: 1px solid rgba(148, 163, 184, .16);
}
.messages-page .messages-filters button {
  height: 28px;
  padding: 0 14px;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 999px;
  background: rgba(15, 23, 42, .68);
  color: #a7b3c6;
  font-size: 11px;
}
.messages-page .messages-filters button.active {
  border-color: rgba(255, 99, 51, .9);
  background: linear-gradient(135deg, #ff7a3d, #ef3f24);
  color: #fff;
  box-shadow: 0 0 18px rgba(255, 99, 51, .26);
}
.messages-page .messages-sidebar .list-group {
  flex: 1 1 auto;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 12px 16px !important;
  overflow-y: auto;
  border-radius: 0 !important;
  background: transparent !important;
}
.messages-page .messages-sidebar .user-list {
  height: auto !important;
  margin: 0 0 4px;
  border: 0 !important;
  border-radius: 12px;
  background: transparent !important;
}
.messages-page .messages-sidebar .user-list a {
  position: relative;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  min-height: 64px;
  padding: 9px 10px !important;
  border-radius: 12px;
  color: #dbeafe !important;
  transition: background .18s ease, box-shadow .18s ease;
}
.messages-page .messages-sidebar .user-list a:hover,
.messages-page .messages-sidebar .user-list.active a {
  background: linear-gradient(90deg, rgba(255, 99, 51, .22), rgba(255, 99, 51, .05)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 99, 51, .28);
}
.messages-page .messages-sidebar .user-avatar {
  grid-row: 1 / 3;
  width: 46px !important;
  height: 46px;
  margin: 0 !important;
  float: none !important;
  overflow: hidden;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 99, 51, .25), rgba(59, 130, 246, .12));
  color: transparent;
  font-size: 0;
}
.messages-page .messages-sidebar .user-avatar img {
  display: block;
  width: 46px !important;
  height: 46px;
  object-fit: cover;
  border-radius: 50% !important;
}
.messages-page .messages-sidebar .user-name {
  grid-column: 2;
  margin: 2px 0 0 !important;
  color: #f7fbff !important;
  font-size: 12.5px;
  font-weight: 700 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messages-page .messages-sidebar .user-last-message {
  grid-column: 2 / 4;
  color: #9aa7bb !important;
  font-size: 11.5px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messages-page .messages-sidebar .time {
  grid-column: 3;
  float: none !important;
  margin: 4px 0 0 !important;
  color: #8ea0b8 !important;
  font-size: 11px !important;
}
.messages-page .messages-sidebar .countunseen {
  position: absolute;
  right: 10px;
  bottom: 8px;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #ff6333 !important;
}
.messages-page .pt_msg_main {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.messages-page .pt_msg_header {
  display: flex;
  align-items: center;
  min-height: 88px;
  padding: 0 28px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--km-msg-line) !important;
  background: rgba(7, 13, 25, .88) !important;
  box-shadow: none !important;
}
.messages-page .pt_msg_header h3 {
  flex: 1 1 auto;
  margin: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
.messages-page .pt_msg_header .pull-left,
.messages-page .pt_msg_header .pull-right {
  float: none !important;
}
.messages-page .pt_msg_header .pull-right,
.messages-page .messages-info-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: 10px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 13px;
  color: #cbd5e1;
  background: rgba(15, 23, 42, .8);
  cursor: pointer;
}
.messages-page .pt_msg_joint {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  flex: 1 1 auto;
  min-height: 0;
}
.messages-page .user-messages,
.messages-page .pt_msg_area {
  min-height: 0;
  height: auto !important;
  padding: 28px 66px !important;
  overflow-y: auto;
  background: transparent !important;
}
.messages-page .messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.messages-page .message,
.messages-page .istyping {
  float: none !important;
  clear: both;
  width: fit-content !important;
  max-width: min(690px, 74%) !important;
  margin: 0 0 4px !important;
}
.messages-page .message.pull-left,
.messages-page .istyping.pull-left {
  align-self: flex-start;
}
.messages-page .message.pull-right {
  align-self: flex-end;
}
.messages-page .message .user-avatar,
.messages-page .istyping .user-avatar {
  width: 38px !important;
  margin: 0 9px 0 0 !important;
  float: left !important;
  overflow: hidden;
  border-radius: 50%;
  color: transparent;
  font-size: 0;
}
.messages-page .message .user-avatar img,
.messages-page .istyping .user-avatar img {
  display: block;
  width: 38px !important;
  height: 38px;
  object-fit: cover;
  border: 2px solid rgba(255, 99, 51, .55);
  border-radius: 50% !important;
}
.messages-page .message .user-message,
.messages-page .istyping .user-message {
  width: auto !important;
  margin: 0 !important;
  padding: 11px 15px !important;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 13px !important;
  background: rgba(15, 23, 42, .9) !important;
  color: #dbeafe !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.22) !important;
}
.messages-page .message.pull-right .user-message {
  border-color: rgba(255, 99, 51, .55) !important;
  background: linear-gradient(135deg, #e3532d, #b92414) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(255, 76, 35, .15) !important;
}
.messages-page .user-send-message {
  width: auto !important;
  padding: 16px 66px 22px !important;
  border-top: 1px solid var(--km-msg-line);
  background: rgba(7, 13, 25, .82) !important;
}
.messages-page #new-message-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 82px;
  gap: 12px;
  margin: 0;
  padding: 8px 10px !important;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 20px;
  background: rgba(9, 17, 31, .95);
}
.messages-page #new-message {
  height: 48px !important;
  min-height: 48px;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(15, 23, 42, .9) !important;
  color: #e5eefc !important;
  box-shadow: none !important;
}
.messages-page #send-button {
  width: 82px;
  height: 50px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ff6535, #f01525) !important;
  color: #fff !important;
}
.messages-page #load-more-messages {
  position: absolute;
  top: 86px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, .9);
  color: #cbd5e1;
}
.messages-page .messages-info-panel {
  display: none;
  position: relative;
  min-width: 0;
  padding: 74px 20px 24px;
  overflow-y: auto;
  border-left: 1px solid var(--km-msg-line);
  background: rgba(5, 11, 22, .98);
}
.messages-page.info-open .messages-info-panel,
.messages-page .messages-info-panel.active {
  display: block;
}
.messages-page .messages-close-info {
  position: absolute;
  right: 13px;
  top: 12px;
  border: 0;
  background: transparent;
  color: #cbd5e1;
  font-size: 22px;
  cursor: pointer;
}
.messages-page .messages-info-panel h4 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}
.messages-page .messages-info-panel p {
  margin: 0 !important;
  color: #9aa7bb !important;
  font-size: 12px !important;
  line-height: 1.5;
}
.messages-page .empty_state {
  display: grid;
  place-items: center;
  min-height: 320px;
  color: #9aa7bb;
  text-align: center;
}
.messages-page .empty_state svg {
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  color: #ff6333;
}
.messages-page ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.messages-page ::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(148, 163, 184, .24);
}
@media (max-width: 980px) {
  .messages-page,
  .messages-page.info-open {
    grid-template-columns: 1fr;
    height: auto;
    min-height: calc(100vh - var(--header-height, 72px));
  }
  .messages-page .mobilerightpane {
    display: none;
  }
  .messages-page .messages-info-panel {
    position: fixed;
    inset: var(--header-height, 72px) 0 0 auto;
    width: min(340px, 88vw);
    z-index: 20;
  }
  .messages-page .user-messages,
  .messages-page .pt_msg_area,
  .messages-page .user-send-message {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ============================================================
   KAMERAMA · CategoryPage global (una sola plantilla para las 15
   categorías: arte, ciencia, salud, educación, historia, noticias,
   conocimiento, eventos, investigación, cine-tv, anime, música,
   documental, humor, otros). No crear .x-page por categoría.
   Scope: .km-cat-* — no toca header/sidebar/footer ni las ramas
   latest/trending/top/stock.
   ============================================================ */
.km-cat-page {
  margin-top: 0 !important;
}
/* Los videos de la secci�n se listan completos por p�gina: exent�os del
   cap de 8 del home (.videos-latest-list.row > :nth-child(n+9)). */
.km-cat-page .km-cat-grid > :nth-child(n+9) {
  display: block !important;
}
.km-cat-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(18px, 3vw, 44px);
  align-items: stretch;
  margin: 0;
  padding: clamp(16px, 2vw, 28px) clamp(16px, 2.2vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(6, 4, 18, .96) 0%, rgba(6, 4, 18, .78) 42%, rgba(6, 9, 28, .25) 100%),
    radial-gradient(ellipse at 78% 40%, rgba(255, 106, 26, .16), transparent 55%),
    linear-gradient(115deg, #110417 0%, #08071e 45%, #061432 100%);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .36);
}
.km-cat-hero-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.km-cat-eyebrow {
  margin-bottom: 10px;
  color: var(--kamerama-text-muted);
  font-family: var(--kamerama-font-sans);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.km-cat-hero-copy h1 {
  margin: 0;
  color: #fff;
  font-family: var(--kamerama-font-sans);
  font-size: clamp(2.4rem, 4.6vw, 4.2rem);
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.km-cat-desc {
  max-width: 34rem;
  margin: 14px 0 0;
  color: var(--kamerama-text-soft);
  font-size: clamp(1rem, 1.15vw, 1.2rem);
  line-height: 1.5;
}
.km-cat-desc:empty {
  display: none;
}
.km-cat-quote {
  max-width: 34rem;
  margin: 16px 0 0;
  padding: 0 0 0 14px;
  border-left: 2px solid rgba(255, 106, 26, .65);
  color: #dbe4f5;
  font-size: clamp(.95rem, 1.05vw, 1.1rem);
  font-style: italic;
  line-height: 1.5;
}
.km-cat-hero-visual {
  position: relative;
  z-index: 1;
  min-height: clamp(200px, 24vw, 320px);
  overflow: hidden;
  border-radius: 14px;
  background-color: #0a1120;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.km-cat-hero-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(6, 4, 18, .55) 0%, transparent 45%, rgba(255, 106, 26, .10) 100%);
  pointer-events: none;
}
.km-cat-hero-icon {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 2;
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  background: rgba(4, 7, 14, .62);
  color: #ff8a3d;
  -webkit-mask: var(--km-cat-icon-img, none) center / 62% no-repeat;
  mask: var(--km-cat-icon-img, none) center / 62% no-repeat;
}
.km-cat-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}
.km-cat-toolbar-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #fff;
  font-family: var(--kamerama-font-sans);
  font-size: clamp(1.15rem, 1.6vw, 1.5rem);
  font-weight: 900;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.km-cat-toolbar-icon {
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 1.6rem;
  color: #ff6a1a;
  background: currentColor;
  -webkit-mask: var(--km-cat-icon-img, url('../img/Kamerama/categories/section.svg')) center / contain no-repeat;
  mask: var(--km-cat-icon-img, url('../img/Kamerama/categories/section.svg')) center / contain no-repeat;
}
.km-cat-toolbar-title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.km-cat-count {
  color: var(--kamerama-text-muted);
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.km-cat-count:empty {
  display: none;
}
.km-cat-sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--kamerama-text-muted);
  font-size: .9rem;
  font-weight: 600;
}
.km-cat-sort[hidden] {
  display: none !important;
}
.km-cat-sort select {
  min-height: 2.4rem;
  padding: 0 12px;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: 999px !important;
  background: var(--kamerama-bg-chip) !important;
  color: var(--kamerama-text-soft) !important;
  font-size: .9rem;
  font-weight: 700;
}
.km-cat-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 20px;
}
.km-cat-filters:empty {
  display: none;
  margin: 0;
}
.km-cat-chip {
  display: inline-flex !important;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 1.15rem !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: 8px !important;
  background: var(--kamerama-bg-chip) !important;
  color: var(--kamerama-text-soft) !important;
  font-family: var(--kamerama-font-sans);
  font-size: .95rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-decoration: none !important;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.km-cat-chip:hover {
  border-color: rgba(255, 106, 26, .5) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.km-cat-chip.active {
  border-color: rgba(255, 106, 26, .65) !important;
  background: rgba(255, 106, 26, .14) !important;
  color: #fff !important;
}
/* Grid: reutiliza el VideoCard unificado (videos/list.html). */
.km-cat-page .km-cat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 2.6vw, 38px) clamp(18px, 2.1vw, 30px);
  align-items: start;
  margin: 0 !important;
}
.km-cat-page .km-cat-grid::before,
.km-cat-page .km-cat-grid::after,
.km-cat-page .km-cat-grid > .clear {
  display: none !important;
  content: none !important;
}
.km-cat-page .km-cat-grid > .km-video-list-col,
.km-cat-page .km-cat-grid > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}
.km-cat-page .video-latest-list.video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 8px 8px 12px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.km-cat-page .video-latest-list.video-wrapper:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 106, 26, .36) !important;
  background: rgba(15, 23, 42, .54) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24) !important;
}
.km-cat-page .video-latest-list .video-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #111827 !important;
}
.km-cat-page .video-latest-list .video-thumb > a,
.km-cat-page .video-latest-list .video-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.km-cat-page .video-latest-list .video-thumb img {
  object-fit: cover;
  border-radius: inherit !important;
  transition: transform .2s ease, filter .2s ease;
}
.km-cat-page .video-latest-list.video-wrapper:hover .video-thumb img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.km-cat-page .video-latest-list .play_hover_btn {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background: rgba(4, 7, 14, .28);
  color: #fff;
  transition: opacity .18s ease;
}
.km-cat-page .video-latest-list.video-wrapper:hover .play_hover_btn {
  opacity: 1;
}
.km-cat-page .video-latest-list .play_hover_btn svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.36));
}
.km-cat-page .video-latest-list .video-thumb .video-duration {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 5px !important;
  background: rgba(0, 0, 0, .82) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.km-cat-page .video-latest-list .video-title {
  margin: 0 !important;
  padding: 11px 2px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.km-cat-page .video-latest-list .video-info {
  margin: 5px 0 0 !important;
  padding: 0 2px 2px !important;
  background: transparent !important;
  border: 0 !important;
  min-width: 0;
  overflow-wrap: anywhere;
  outline: none !important;
  box-shadow: none !important;
}
.km-cat-page .video-latest-list .video-title,
.km-cat-page .video-latest-list .video-title a,
.km-cat-page .video-latest-list .video-title h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.km-cat-page .video-latest-list .video-title h4 {
  display: -webkit-box !important;
  min-height: 0;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff !important;
  font-family: var(--kamerama-font-sans) !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em;
}
.km-cat-page .video-latest-list .video-title h4:hover {
  color: #fff !important;
}
.km-cat-page .video-latest-list .video-info,
.km-cat-page .video-latest-list .video-info a,
.km-cat-page .video-latest-list .video-info span {
  color: #9aa8be !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
}
.km-cat-page .video-latest-list .video-info .bold {
  margin: 0 6px;
  color: rgba(255, 106, 26, .95) !important;
}
.km-cat-page .video-thumb.km-media-fallback .km-thumb-empty {
  border: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(12, 18, 30, .98)) !important;
  font-size: 12px !important;
}
/* Paginación: se reutiliza showing_nav, solo skin. */
.km-cat-page .showing_pages {
  margin: 6px 0 12px !important;
  color: var(--kamerama-text-muted) !important;
  font-size: .9rem;
}
.km-cat-page .showing_nav {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0;
}
.km-cat-page .showing_nav .pagination {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
}
.km-cat-page .showing_nav > a.btn,
.km-cat-page .showing_nav .pagination > li > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0 12px !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: 12px !important;
  background: var(--kamerama-bg-chip) !important;
  color: var(--kamerama-text-soft) !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.km-cat-page .showing_nav > a.btn svg,
.km-cat-page .showing_nav .pagination > li > a svg {
  width: 18px;
  height: 18px;
}
.km-cat-page .showing_nav > a.btn:hover,
.km-cat-page .showing_nav .pagination > li > a:hover {
  border-color: rgba(255, 106, 26, .5) !important;
  color: #fff !important;
}
.km-cat-page .showing_nav .pagination > li.active > a {
  border-color: rgba(255, 106, 26, .65) !important;
  background: rgba(255, 106, 26, .16) !important;
  color: #fff !important;
}
/* Vacío + explorar. */
.km-cat-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 26px 0 8px;
  padding: clamp(28px, 4vw, 48px) 20px;
  border: 1px dashed var(--kamerama-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, .02);
  text-align: center;
}
.km-cat-empty-icon {
  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 106, 26, .12);
  color: #ff8a3d;
}
.km-cat-empty-icon svg {
  width: 26px;
  height: 26px;
}
.km-cat-empty h2 {
  margin: 6px 0 0;
  color: #fff;
  font-size: clamp(1.1rem, 1.6vw, 1.4rem);
  font-weight: 800;
}
.km-cat-empty p {
  margin: 0;
  color: var(--kamerama-text-muted);
  font-size: .95rem;
}
.km-cat-empty a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin-top: 8px;
  padding: 0 22px;
  border: 1px solid rgba(255, 106, 26, .45) !important;
  border-radius: 999px !important;
  background: rgba(255, 106, 26, .1) !important;
  color: #ff8a3d !important;
  font-weight: 800;
  text-decoration: none !important;
}
.km-cat-explore {
  position: relative;
  margin: 30px 0 10px;
  padding: clamp(24px, 3vw, 40px);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(7, 12, 23, .4));
  text-align: center;
  overflow: hidden;
}
.km-cat-explore::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(220px, 40%);
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 106, 26, .65), transparent);
}
.km-cat-explore-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 106, 26, .85);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.km-cat-explore h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.25rem, 1.9vw, 1.65rem);
  font-weight: 800;
}
.km-cat-explore > p {
  margin: 8px 0 22px;
  color: var(--kamerama-text-muted);
  font-size: .95rem;
}
.km-cat-explore-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  max-width: 1120px;
  margin: 0 auto;
}
.km-cat-explore-item {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px !important;
  border: 1px solid var(--kamerama-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .03) !important;
  color: var(--kamerama-text-soft) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.km-cat-explore-item:hover {
  border-color: rgba(255, 106, 26, .5) !important;
  background: rgba(255, 106, 26, .08) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.km-cat-explore-item img {
  flex: none;
  width: 26px;
  height: 26px;
  padding: 5px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
  object-fit: contain;
}
.km-cat-explore-item:hover img {
  background: rgba(255, 106, 26, .16);
}
/* Bot�n "Ver m�s" (reemplaza el paginador en Categor�a). */
.km-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 26px 0 8px;
}
.km-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 190px;
  min-height: 46px;
  padding: 0 2rem;
  border: 1px solid rgba(255, 106, 26, .45);
  border-radius: 999px;
  background: rgba(255, 106, 26, .12);
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.km-more-btn:hover {
  border-color: rgba(255, 106, 26, .85);
  background: rgba(255, 106, 26, .22);
  transform: translateY(-1px);
}
.km-more-btn[disabled] {
  opacity: .6;
  cursor: wait;
  transform: none;
}
.km-more-end {
  color: var(--kamerama-text-muted);
  font-size: .9rem;
  font-weight: 700;
}
/* Responsive CategoryPage. */
@media (max-width: 1024px) {
  .km-cat-page .km-cat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .km-cat-hero {
    padding: clamp(22px, 3vw, 34px);
  }
  .km-cat-explore-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .km-trending-page .km-videos-hero {
    grid-template-columns: 1fr;
  }
  .km-cat-hero-visual {
    min-height: 190px;
  }
}
@media (max-width: 720px) {
  .km-cat-page .km-cat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .km-cat-explore-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .km-cat-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: thin;
  }
  .km-cat-filters .km-cat-chip {
    flex: 0 0 auto;
  }
  .km-cat-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .km-cat-page .showing_nav {
    flex-wrap: wrap;
  }
  .km-cat-page .showing_nav > a.btn,
  .km-cat-page .showing_nav .pagination > li > a {
    min-width: 36px;
    min-height: 36px;
    border-radius: 10px !important;
  }
}
@media (max-width: 460px) {
  .km-cat-page .km-cat-grid {
    grid-template-columns: 1fr;
  }
  .km-cat-explore-grid {
    grid-template-columns: 1fr;
  }
  .km-cat-hero-copy h1 {
    font-size: clamp(2rem, 11vw, 2.6rem);
  }
}