/* Comunidad VLN — portal /conectar y widgets de artículos */

:root {
  --vln-c-purple: #2E1A46;
  --vln-c-red: #ED1919;
  --vln-c-ink: #111;
  --vln-c-muted: #5c5670;
  --vln-c-line: #dedede;
  --vln-c-paper: #fff;
  --vln-c-wash: #f4f4f6;
}

html[data-theme="dark"] {
  --vln-c-ink: #F4F1F7;
  --vln-c-muted: #B8B0C4;
  --vln-c-line: #3A3048;
  --vln-c-paper: #120C18;
  --vln-c-wash: #1A1226;
}

/* ——— Portal /conectar/ ——— */
body.vln-auth {
  margin: 0;
  min-height: 100vh;
  background: #f4f2f7;
  color: #1b1226;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.vln-auth__bar {
  background: var(--vln-c-purple);
  min-height: 64px;
  padding: env(safe-area-inset-top) 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vln-auth__logo { display: flex; align-items: center; min-height: 64px; }
.vln-auth__logo img {
  display: block;
  height: 44px;
  width: auto;
}
.vln-auth__main {
  display: flex;
  justify-content: center;
  padding: 20px 16px calc(40px + env(safe-area-inset-bottom));
}
.vln-auth__card {
  width: 100%;
  max-width: 460px;
  background: #fff;
  border: 1px solid #eceaf1;
  border-radius: 18px;
  padding: 24px 28px 28px;
  box-shadow: 0 12px 32px rgba(46, 26, 70, .08);
  box-sizing: border-box;
}
.vln-auth__title {
  margin: 0 0 6px;
  text-align: center;
  font-size: 22px;
  line-height: 1.2;
  color: var(--vln-c-purple);
}
.vln-auth__kicker {
  text-align: center;
  color: var(--vln-c-muted);
  font-size: 14px;
  margin: 0 0 16px;
  line-height: 1.4;
}
.vln-auth__modes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  background: #f4f4f6;
  padding: 4px;
  border-radius: 999px;
  margin: 0 0 18px;
}
.vln-auth__modes button {
  border: 0;
  background: transparent;
  border-radius: 999px;
  padding: 10px 8px;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  color: var(--vln-c-muted);
  cursor: pointer;
}
.vln-auth__modes button.is-on {
  background: var(--vln-c-purple);
  color: #fff;
}
.vln-auth__or {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 14px;
  color: #8a8498;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.vln-auth__or::before,
.vln-auth__or::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e6e3ea;
}
.vln-auth__social {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 2px;
}
.vln-auth__google {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  overflow: visible;
}
.vln-auth__google iframe {
  max-width: none;
}
html.is-not-apple .vln-auth__apple { display: none !important; }
.vln-auth__apple {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  overflow: visible;
}
.vln-auth__apple-widget,
.vln-auth__apple #appleid-signin {
  display: block;
  width: 100%;
  height: 40px;
}
.vln-auth__apple #appleid-signin > div,
.vln-auth__apple #appleid-signin iframe {
  width: 100% !important;
  max-width: none !important;
  height: 40px !important;
}
.vln-auth__field {
  display: block;
  margin: 0 0 12px;
  color: var(--vln-c-muted);
  font-size: 12px;
  font-weight: 700;
}
.vln-auth__field[hidden],
.vln-auth__social[hidden],
.vln-auth__google[hidden],
.vln-auth__apple[hidden],
.vln-auth__or[hidden],
.vln-auth__links[hidden],
.vln-auth__kicker[hidden],
.vln-auth__modes[hidden],
.vln-auth__switch[hidden],
.vln-auth__help:empty {
  display: none !important;
}
.vln-auth__field input {
  display: block;
  width: 100%;
  margin-top: 6px;
  border: 1px solid #e0dce6;
  background: #faf9fb;
  padding: 12px 12px;
  font-size: 16px;
  font-weight: 400;
  color: #111;
  border-radius: 10px;
  outline: none;
  box-sizing: border-box;
}
.vln-auth__field input::placeholder { color: #b0a9bb; }
.vln-auth__field input:focus {
  border-color: var(--vln-c-purple);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(46, 26, 70, .12);
}
.vln-auth__help {
  font-size: 12px;
  color: var(--vln-c-muted);
  margin: 0 0 14px;
  line-height: 1.4;
}
.vln-auth__captcha {
  display: flex;
  justify-content: center;
  margin: 2px 0 14px;
}
.vln-auth__captcha[hidden] { display: none !important; }
.vln-auth__submit {
  display: block;
  width: 100%;
  margin: 4px 0 14px;
  background: var(--vln-c-red);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.vln-auth__submit:hover { filter: brightness(1.05); }
.vln-auth__submit:disabled { opacity: .6; cursor: wait; filter: none; }
.vln-auth__links,
.vln-auth__switch,
.vln-auth__legal {
  text-align: center;
  font-size: 13px;
  color: #666;
  margin: 0 0 10px;
  line-height: 1.45;
}
.vln-auth__legal { margin: 6px 0 0; font-size: 12px; color: #888; }
.vln-auth__links a,
.vln-auth__switch a,
.vln-auth__legal a {
  color: var(--vln-c-purple);
  font-weight: 700;
}
.vln-auth__flash {
  background: #fff4f4;
  border-left: 4px solid var(--vln-c-red);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0 0 14px;
  font-size: 13px;
  color: #4a1d1d;
}
.vln-auth__flash.is-ok {
  background: #eef8f0;
  border-left-color: #1b7a3a;
  color: #1a3d24;
}

/* ——— Header: EN VIVO + cuenta, misma altura ——— */
.column_he.m_right {
  align-items: center;
  gap: 10px;
}
.column_he.m_right > .listen__now {
  display: flex;
  align-items: center;
}
.column_he.m_right > .listen__now .box__m {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}
.column_he.m_right > .listen__now strong {
  position: static !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 32px;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap;
}
.column_he.m_right .vln-c-head {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
.vln-c-head__login,
.vln-c-head__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  height: 32px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  background: #fff;
  box-shadow: inset 0 0 0 1px #2e1a46;
  color: #2e1a46;
  font: 700 12px/1 Roboto, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.vln-c-head__caret {
  font-size: 8px;
  line-height: 1;
}
.vln-c-head__menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 212px;
  padding: 6px;
  background: #fff;
  border: 1px solid rgba(46, 26, 70, .12);
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(18, 12, 24, .14);
  z-index: 9999;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.vln-c-head.is-open .vln-c-head__menu { display: block; }
.vln-c-head__menu a,
.vln-c-head__menu button {
  display: block;
  width: 100%;
  padding: 10px 12px;
  color: #2e1a46;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  border: 0;
  border-radius: 9px;
  background: none;
  text-align: left;
  font: 500 14px/1.3 Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.vln-c-head__menu a:hover,
.vln-c-head__menu button:hover {
  background: #f4f4f6;
}
.vln-c-head__menu [data-vln-logout] {
  color: #b4232c;
  margin-top: 4px;
  border-top: 1px solid #eee;
  border-radius: 0 0 9px 9px;
}
.vln-c-head__ico {
  display: none;
  width: 22px;
  height: 22px;
}
.vln-c-head__ico svg {
  display: block;
  width: 22px;
  height: 22px;
}
@media (max-width: 874px) {
  .column_he.m_right { gap: 6px; }
  .column_he.m_right > .listen__now .box__m {
    width: auto !important;
    padding: 0 !important;
  }
  .column_he.m_right > .listen__now strong {
    position: static !important;
    margin: 0 !important;
    height: 26px;
    padding: 0 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    border-radius: 4px;
  }
  .vln-c-head__label,
  .vln-c-head__caret { display: none; }
  .vln-c-head__ico { display: block; }
  .vln-c-head__login,
  .vln-c-head__btn {
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #2e1a46;
  }
}
.tcn_wrapper.head__f .vln-c-head { margin-left: 0; }

html[data-theme="dark"] .vln-c-head__login,
html[data-theme="dark"] .vln-c-head__btn {
  color: #fff;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}
@media (max-width: 874px) {
  html[data-theme="dark"] .vln-c-head__login,
  html[data-theme="dark"] .vln-c-head__btn {
    box-shadow: none;
    color: #fff;
  }
}
html[data-theme="dark"] .vln-c-head__menu {
  background: #1A1226;
  border-color: #3A3048;
  box-shadow: 0 12px 32px rgba(0,0,0,.45);
}
html[data-theme="dark"] .vln-c-head__menu a,
html[data-theme="dark"] .vln-c-head__menu button { color: #F4F1F7; }
html[data-theme="dark"] .vln-c-head__menu a:hover,
html[data-theme="dark"] .vln-c-head__menu button:hover { background: #2A2038; }
html[data-theme="dark"] .vln-c-head__menu [data-vln-logout] {
  color: #ff6b6b;
  border-top-color: #3A3048;
}

/* ——— Guardar en la botonera social ——— */
.redes-sociales-nota .li-vln-save {
  background: none;
  padding: 0;
}
.vln-c-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 100%;
  background: #ddd;
  color: #2E1A46;
  cursor: pointer;
  padding: 0;
}
.vln-c-save svg { width: 14px; height: 16px; display: block; }
.vln-c-save .vln-c-save__on { display: none; }
.vln-c-save.is-on { color: #ED1919; }
.vln-c-save.is-on .vln-c-save__on { display: block; }
.vln-c-save.is-on .vln-c-save__off { display: none; }
html[data-theme="dark"] .vln-c-save { background: #3A3048; color: #F4F1F7; }

.vln-c-save--plain {
  width: auto;
  height: auto;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  gap: 8px;
  padding: 8px 14px;
  font: 700 13px/1 Arial, sans-serif;
}
.vln-c-save--plain.is-on { background: #ED1919; color: #fff; }

/* ——— Comentarios ——— */
.vln-c-comments {
  margin: 20px 0 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--vln-c-ink);
  scroll-margin-top: 96px;
}
html.vln-comments-jump {
  overflow-anchor: none;
  scroll-behavior: auto !important;
}
html.vln-comments-jump body {
  scroll-behavior: auto !important;
}
html.vln-spa-crossfade-on,
html.vln-spa-crossfade-on body,
html.vln-comments-jump,
html.vln-comments-jump body {
  scroll-behavior: auto !important;
}
#rep_footer { view-transition-name: none; }
.column_he.m_logo,
.top_h .column_he.m_logo {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  justify-self: center;
  text-align: center;
}
.column_he.m_logo a#logo-home-link,
#logo-home-link {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.column_he.m_logo img.logo-normal,
.tcn_wrapper .column_he.m_logo img.logo-normal,
.tcn_wrapper.head__f .column_he.m_logo img.logo-normal,
html.vln-pp-desplegado .tcn_wrapper .column_he.m_logo img.logo-normal {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.column_he.m_logo img.logo-8-anos,
.tcn_wrapper .logo-8-anos,
.tcn_wrapper .column_he.m_logo img.logo-8-anos,
html.vln-pp-desplegado .tcn_wrapper .logo-8-anos {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
::view-transition-old(root) {
  animation: vln-cross-out 0.48s ease both;
  z-index: 2;
}
::view-transition-new(root) {
  animation: vln-cross-in 0.48s ease both;
  z-index: 1;
}
@keyframes vln-cross-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes vln-cross-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.vln-spa-crossfade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100050;
  overflow: hidden;
  pointer-events: none;
  background: #fff;
  opacity: 1;
  transition: opacity 0.48s ease;
}
html[data-theme="dark"] .vln-spa-crossfade { background: #1a1226; }
.vln-spa-crossfade.is-out { opacity: 0; }
.vln-ad-box[id*="banner-inread"],
.vln-ad-box[id*="sas_99069"] {
  min-height: 270px;
  max-height: 290px !important;
  height: 270px;
  overflow: hidden !important;
  box-sizing: border-box;
  contain: paint;
}
.vln-ad-box[id*="banner-inread"] .vln-ad-slot,
.vln-ad-box[id*="sas_99069"] .vln-ad-slot {
  min-height: 250px;
  max-height: 250px !important;
  height: 250px;
  overflow: hidden !important;
}
.vln-ad-box[id*="banner-inread"] iframe,
.vln-ad-box[id*="sas_99069"] iframe,
div[id^="banner-inread-"] iframe {
  max-width: 100% !important;
  max-height: 250px !important;
  height: 250px !important;
  overflow: hidden !important;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation-duration: 0.01s !important; }
  .vln-spa-crossfade { transition-duration: 0.08s !important; }
}

/* Contador estilo Emol en listados */
a.vln-c-countlink,
.portada__x.tp_1 .columna_a > article:first-child a.vln-c-countlink {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin: 0;
  width: auto;
  color: #6b6280 !important;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  letter-spacing: 0;
  flex: 0 0 auto;
}
.text__article,
.col_cp.cp_a,
.col__info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  align-items: start;
}
.text__article > a:not(.vln-c-countlink),
.col_cp.cp_a > a:not(.vln-c-countlink),
.col__info > a:not(.vln-c-countlink),
.text__article h2 {
  grid-column: 1 / -1;
  min-width: 0;
}
.portada__x.tp_1 .columna_a > article:first-child a.vln-c-countlink {
  display: inline-flex !important;
}
.portada__x.tp_1 .columna_a > article:first-child .text__article > a:not(.vln-c-countlink) {
  display: block !important;
}
.portada__x.tp_1 .columna_a > article:first-child .text__article h2 {
  order: 0 !important;
}
.text__article:not(:has(.authorbo)) > a:not(.vln-c-countlink),
.col_cp.cp_a:not(:has(.authorbo)) > a:not(.vln-c-countlink),
.col__info > a:not(.vln-c-countlink) {
  grid-column: 1;
  grid-row: 1;
}
.text__article > a.vln-c-countlink,
.col_cp.cp_a > a.vln-c-countlink,
.col__info > a.vln-c-countlink {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: end;
  position: relative;
  z-index: 3;
  pointer-events: auto !important;
}
.text__article:not(:has(.authorbo)) > a.vln-c-countlink,
.col_cp.cp_a:not(:has(.authorbo)) > a.vln-c-countlink,
.col__info > a.vln-c-countlink {
  grid-row: 1;
  align-self: start;
  margin-top: 0.35em;
}
.text__article > .authorbo,
.text__article > div:has(> .authorbo),
.col_cp.cp_a > .authorbo,
.col_cp.cp_a > div:has(> .authorbo) {
  grid-column: 1 / 2;
  grid-row: 2;
  align-self: center;
  min-width: 0;
  max-width: 100%;
  pointer-events: none;
}
.text__article > .authorbo a,
.text__article > div:has(> .authorbo) a,
.col_cp.cp_a > .authorbo a,
.col_cp.cp_a > div:has(> .authorbo) a {
  pointer-events: auto;
}
.text__article > .sumario__caja,
.text__article > .related__links,
.text__article > p.sumario,
.text__article > div:not(.authorbo):not(:has(> .authorbo)),
.col_cp.cp_a > p.sumario {
  grid-column: 1 / -1;
}
.portada__x.tp_3 .columna_a > article:first-child .text__article > a.vln-c-countlink {
  grid-column: 1 / -1;
  grid-row: auto;
  justify-content: center;
  justify-self: center;
  margin: 0 auto 0.4rem;
}

/* Hora de cards: oculta en escritorio. En móvil va bajo el titular, no junto al autor. */
.vln-card-time {
  display: none !important;
}

@media (max-width: 767px) {
  .text__article,
  .col_cp.cp_a,
  .col__info {
    grid-template-columns: auto auto minmax(0, 1fr);
  }
  .text__article > a:not(.vln-c-countlink),
  .col_cp.cp_a > a:not(.vln-c-countlink),
  .col__info > a:not(.vln-c-countlink),
  .text__article h2 {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }
  .vln-card-time {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    margin: 6px 0 0;
    color: #6b6280;
    font-family: GothamPro, sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  html[data-theme="dark"] .vln-card-time {
    color: #b8b0c4;
  }
  .vln-card-time svg {
    display: block;
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    opacity: 0.85;
  }
  .text__article > a.vln-c-countlink,
  .col_cp.cp_a > a.vln-c-countlink,
  .col__info > a.vln-c-countlink {
    font-family: GothamPro, sans-serif !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
  }
  .text__article > a.vln-c-countlink,
  .col_cp.cp_a > a.vln-c-countlink,
  .col__info > a.vln-c-countlink,
  .text__article:not(:has(.authorbo)) > a.vln-c-countlink,
  .col_cp.cp_a:not(:has(.authorbo)) > a.vln-c-countlink,
  .col__info:not(:has(.authorbo)) > a.vln-c-countlink {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: center !important;
    margin-top: 2px !important;
  }
  .text__article > .authorbo,
  .text__article > div:has(> .authorbo),
  .col_cp.cp_a > .authorbo,
  .col_cp.cp_a > div:has(> .authorbo) {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    align-self: start !important;
    margin-top: 2px;
  }
  .portada__x article:has(.list__related),
  .c__portada .the_last article:has(.list__related),
  .the_last.columns__last article:has(.list__related),
  .cp_p .the_last article:has(.list__related) {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    padding: 0 0 14px !important;
    border-bottom: 8px solid #f3f3f3 !important;
  }
  .portada__x article:has(.list__related) img,
  .c__portada .the_last article:has(.list__related) img,
  .the_last.columns__last article:has(.list__related) img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }
  .portada__x article:has(.list__related) .text__article,
  .c__portada .the_last article:has(.list__related) .text__article,
  .the_last.columns__last article:has(.list__related) .text__article {
    padding: 12px 16px 0 !important;
  }
  .portada__x article:has(.list__related) h2,
  .c__portada .the_last article:has(.list__related) h2,
  .the_last.columns__last article:has(.list__related) h2 {
    font-size: 1.28rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
  }
  .text__article > .related__links,
  .col_cp.cp_a > .related__links {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }
  .text__article .list__related,
  .col_cp.cp_a .list__related {
    display: block !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 0 0 14px !important;
    margin: 0 !important;
    border-left: 0 !important;
    position: relative !important;
    color: #6b6280;
  }
  .text__article .list__related::before,
  .col_cp.cp_a .list__related::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.42em !important;
    width: 7px !important;
    height: 7px !important;
    background: #6b6280 !important;
  }
  .text__article .list__related > a:not(.vln-c-countlink),
  .col_cp.cp_a .list__related > a:not(.vln-c-countlink) {
    display: block !important;
    flex: none !important;
  }
  .text__article .list__related h4,
  .col_cp.cp_a .list__related h4 {
    font-family: GothamPro, sans-serif;
    font-size: 0.875rem;
    line-height: 1.35;
    font-weight: 500;
    color: #6b6280;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .text__article .list__related .vln-c-countlink,
  .col_cp.cp_a .list__related .vln-c-countlink {
    display: none !important;
  }
  html[data-theme="dark"] .text__article .list__related::before,
  html[data-theme="dark"] .col_cp.cp_a .list__related::before {
    background: #b8b0c4 !important;
  }
  html[data-theme="dark"] .text__article .list__related h4,
  html[data-theme="dark"] .col_cp.cp_a .list__related h4 {
    color: #b8b0c4;
  }
}

a.vln-c-countlink svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  overflow: visible;
}
a.vln-c-countlink svg path {
  stroke: currentColor;
}
a.vln-c-countlink span {
  font-variant-numeric: tabular-nums;
}
a.vln-c-countlink:hover,
a.vln-c-countlink:focus {
  color: #ED1919 !important;
}
a.vln-c-countlink--related,
a.vln-c-countlink--inline,
a.vln-c-countlink--feed {
  margin: 0;
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
}
.list__related {
  justify-content: space-between;
  gap: 10px;
}
.list__related > a:not(.vln-c-countlink) {
  flex: 1 1 auto;
  min-width: 0;
}
.h1-simple-post .text__article,
.item-article-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.h1-simple-post .text__article > a.vln-c-countlink {
  grid-column: auto;
  grid-row: auto;
  margin-top: 0;
  align-self: flex-start;
}
.h1-simple-post .text__article > a:not(.vln-c-countlink),
.item-article-row > a.item-article {
  flex: 1 1 auto;
  min-width: 0;
}
.item-article-row .item-article__info__title { padding-right: 56px !important; }
.item-article-row .vln-c-countlink--feed {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  background: rgba(255,255,255,.92);
  border-radius: 999px;
  padding: 4px 8px;
}
.breaking_related {
  position: relative;
}
.breaking_related .vln-c-countlink--related {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  background: rgba(255,255,255,.92);
  border-radius: 999px;
  padding: 4px 8px;
}
html[data-theme="dark"] .breaking_related .vln-c-countlink--related { background: rgba(26,18,38,.92); }
html[data-theme="dark"] a.vln-c-countlink,
html[data-theme="dark"] .text__article a.vln-c-countlink,
html[data-theme="dark"] .columna_rfsd article a.vln-c-countlink { color: #B8B0C4 !important; }
html[data-theme="dark"] a.vln-c-countlink:hover,
html[data-theme="dark"] a.vln-c-countlink:focus,
html[data-theme="dark"] .text__article a.vln-c-countlink:hover,
html[data-theme="dark"] .columna_rfsd article a.vln-c-countlink:hover { color: #ff6b6b !important; }
html[data-theme="dark"] .item-article-row .vln-c-countlink--feed { background: rgba(26,18,38,.92); }

.opinion__s article {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.opinion__s a.vln-c-countlink,
.opinion__s a.vln-c-countlink--related {
  display: inline-flex !important;
  align-items: center;
  justify-content: center !important;
  justify-self: center;
  align-self: center;
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 10px auto 0 !important;
  width: auto !important;
  color: #8a8298 !important;
  font: 600 12px/1 Arial, Helvetica, sans-serif;
}
.opinion__s a.vln-c-countlink svg {
  width: 14px;
  height: 14px;
}
html[data-theme="dark"] .opinion__s a.vln-c-countlink {
  color: #B8B0C4 !important;
}
.columna-izquierda .vln-c-comments {
  margin: 0 0 1rem;
  margin-left: 6rem;
}
.columna-izquierda .content__txt .vln-c-comments {
  margin: 0.35rem 0 1.25rem;
  margin-left: 0;
  width: 100%;
}
@media (max-width: 900px) {
  .columna-izquierda .vln-c-comments { margin-left: 0; }
}
.vln-c-box {
  position: relative;
  background: var(--vln-c-paper);
  border: 1px solid var(--vln-c-line);
  border-radius: 12px;
  padding: 12px 12px 10px;
  --vln-c-thread-cut: var(--vln-c-paper);
}
.vln-c-veil {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  cursor: wait;
  background: rgba(255, 255, 255, .82);
  background: color-mix(in srgb, var(--vln-c-paper) 78%, transparent);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  animation: vln-c-veil-in .2s ease;
}
.vln-c-veil[hidden] { display: none !important; }
.vln-c-veil__label {
  font: 700 13px/1 Arial, sans-serif;
  color: var(--vln-c-muted);
  animation: vln-c-veil-fade 1.15s ease-in-out infinite;
}
.vln-c-box.is-loading [data-list] { min-height: 56px; }
html[data-theme="dark"] .vln-c-veil {
  background: rgba(26, 18, 38, .82);
}
@keyframes vln-c-veil-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes vln-c-veil-fade {
  0%, 100% { opacity: .35; }
  50% { opacity: 1; }
}
.vln-c-box__head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 8px;
}
.vln-c-comments h2 {
  font-size: 18px;
  margin: 0;
  color: var(--vln-c-purple);
  font-family: Merriweather, Georgia, serif;
  font-weight: 700;
}
.vln-c-count {
  font-size: 12px;
  color: var(--vln-c-muted);
  font-weight: 700;
}
html[data-theme="dark"] .vln-c-comments h2 { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-box {
  background: #1A1226;
  border-color: #3A3048;
  --vln-c-thread-cut: #1A1226;
}
.vln-c-note {
  background: var(--vln-c-wash);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--vln-c-muted);
  margin-bottom: 8px;
  cursor: pointer;
}
.vln-c-note b { color: var(--vln-c-red); }
.vln-c-composer {
  background: var(--vln-c-wash);
  border-radius: 10px;
  padding: 8px;
  margin-bottom: 2px;
}
.vln-c-composer textarea {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--vln-c-line);
  border-radius: 8px;
  padding: 8px 10px;
  font: 400 16px/1.4 Merriweather, Georgia, serif;
  background: var(--vln-c-paper);
  color: var(--vln-c-ink);
  resize: vertical;
  transition: border-color .2s ease, box-shadow .2s ease;
  -webkit-text-size-adjust: 100%;
}
.vln-c-composer textarea:focus {
  outline: none;
  border-color: var(--vln-c-purple);
  box-shadow: 0 0 0 2px rgba(46, 26, 70, .1);
}
.vln-c-composer__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  gap: 8px;
}
.vln-c-composer__row span { font-size: 11px; color: var(--vln-c-muted); }
.vln-c-composer__cancel {
  border: 0;
  background: none;
  color: var(--vln-c-muted);
  font: 700 12px/1 Arial, sans-serif;
  cursor: pointer;
  padding: 7px 8px;
}
.vln-c-join {
  display: block;
  width: 100%;
  text-align: left;
  border: 1px solid var(--vln-c-line);
  border-radius: 10px;
  padding: 14px 12px;
  margin: 0 0 8px;
  background: var(--vln-c-wash);
  color: var(--vln-c-muted);
  font: 400 16px/1.4 Merriweather, Georgia, serif;
  cursor: pointer;
  -webkit-text-size-adjust: 100%;
}
.vln-c-join:focus { outline: none; border-color: var(--vln-c-purple); }
.vln-readmore-wrap,
.vln-readmore { display: none; }
@media (max-width: 900px) {
  .columna-izquierda .content__txt,
  .content__txt {
    font-size: 1.125rem !important;
  }
  .columna-izquierda .content__txt p:not(.wp-caption-text):not(.alerta__opinion) {
    font-size: 1.125rem !important;
  }
  article.vln-is-collapsed .content__txt {
    overflow: visible;
  }
  article.vln-is-collapsed .vln-fold-last {
    position: relative;
  }
  article.vln-is-collapsed .vln-fold-last::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.6em;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 55%, #fff 100%);
  }
  html[data-theme="dark"] article.vln-is-collapsed .vln-fold-last::after {
    background: linear-gradient(to bottom, rgba(18,12,24,0) 0%, rgba(18,12,24,.45) 55%, var(--vln-c-paper) 100%);
  }
  article.vln-is-collapsed .content__txt > .vln-fold-last ~ *:not(.vln-readmore-wrap):not(.vln-c-comments):not([data-vln-comments]),
  article.vln-is-collapsed .content__txt > .vln-ad-box,
  article.vln-is-collapsed .content__txt > .vln-ad-box[id*="sas_99069"],
  article.vln-is-collapsed .content__txt > [id^="banner-inread-"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  article.vln-is-collapsed .vln-article-rest,
  article.vln-is-collapsed .content__txt--after,
  article.vln-is-collapsed .vln-podcast-cta,
  article.vln-is-collapsed .vln-nl-wrap {
    display: none !important;
  }
  .vln-c-comments .vln-c-box {
    padding: 16px 14px 18px;
    border: 1px solid #E4E4E4;
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
    --vln-c-thread-cut: #fff;
  }
  html[data-theme="dark"] .vln-c-comments .vln-c-box {
    background: #1A1226;
    border-color: #3A3048;
    --vln-c-thread-cut: #1A1226;
  }
  .vln-c-comments h2 {
    font-size: 22px;
  }
  .vln-c-comments > .vln-c-box > .vln-c-note,
  .vln-c-comments > .vln-c-box > .vln-c-empty,
  .vln-c-comments .vln-c-list:empty {
    display: none;
  }
  .vln-readmore-wrap {
    display: block;
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 18px;
  }
  .vln-readmore__fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 36px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, #fff 100%);
  }
  html[data-theme="dark"] .vln-readmore__fade {
    background: linear-gradient(to bottom, rgba(18,12,24,0) 0%, rgba(18,12,24,.72) 46%, var(--vln-c-paper) 88%);
  }
  .vln-readmore {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 15px 16px;
    border: 0;
    border-radius: 12px;
    background: #2E1A46;
    color: #fff;
    font: 800 16px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: .01em;
    box-shadow: 0 10px 28px rgba(46, 26, 70, .28);
    cursor: pointer;
  }
  .vln-c-join {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px 14px;
    border: 1px solid #E8E8E8;
    border-radius: 12px;
    background: #F7F7F7;
    color: var(--vln-c-ink);
    text-decoration: none !important;
    box-shadow: none;
  }
  .vln-c-join__prompt {
    flex: 0 0 auto;
    min-width: 0;
    color: #2E1A46;
    font: 700 18px/1.3 Merriweather, Georgia, serif;
    text-align: center;
  }
  .vln-c-join__go {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    box-sizing: border-box;
    background: var(--vln-c-red);
    color: #fff !important;
    font: 800 15px/1 Arial, Helvetica, sans-serif;
    padding: 13px 16px;
    border-radius: 10px;
    text-align: center;
  }
  .vln-c-join:hover,
  .vln-c-join:focus {
    background: #F7F7F7;
    border-color: #D8D8D8;
  }
}
html.vln-c-sheet-open,
html.vln-c-sheet-open body {
  overscroll-behavior: none;
  scroll-behavior: auto !important;
}
html.vln-c-sheet-open body {
  overflow: hidden;
  touch-action: none;
}
.vln-c-sheet {
  position: fixed;
  inset: 0;
  z-index: 2147483642;
  overflow: visible;
}
.vln-c-sheet[hidden] { display: none !important; }
.vln-c-sheet__scrim {
  position: absolute;
  inset: 0;
  background: rgba(18, 12, 24, .48);
}
.vln-c-sheet__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  color: var(--vln-c-ink);
  border-radius: 18px 18px 0 0;
  padding: 8px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -18px 48px rgba(18, 12, 24, .22);
  font-family: Arial, Helvetica, sans-serif;
  overflow: visible;
}
.vln-c-sheet__handle {
  display: block;
  width: 36px;
  height: 4px;
  margin: 2px auto 10px;
  border-radius: 999px;
  background: #D6D6D6;
}
.vln-c-sheet__lift {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 50vh;
  background: #fff;
  pointer-events: none;
}
.vln-c-sheet__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}
.vln-c-sheet__kicker { display: none; }
.vln-c-sheet__bar h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
  min-width: 0;
}
.vln-c-sheet__x {
  width: 32px;
  height: 32px;
  border: 0;
  background: #F2F2F2;
  font-size: 22px;
  line-height: 1;
  color: #333;
  cursor: pointer;
  border-radius: 50%;
  flex: 0 0 auto;
}
.vln-c-sheet__quote {
  margin: 0 0 10px;
  padding: 8px 12px;
  border-left: 3px solid #C8C8C8;
  background: #F5F5F5;
  border-radius: 0 10px 10px 0;
}
.vln-c-sheet__quote[hidden] { display: none !important; }
.vln-c-sheet__quote strong {
  display: block;
  font-size: 12px;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
}
.vln-c-sheet__quote p {
  margin: 3px 0 0;
  font: 400 13px/1.4 Merriweather, Georgia, serif;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.vln-c-sheet__ta {
  width: 100%;
  min-height: 88px;
  max-height: 36vh;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  padding: 12px;
  font: 400 16px/1.4 Merriweather, Georgia, serif;
  background: #fff;
  color: var(--vln-c-ink);
  resize: none;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
.vln-c-sheet__ta:focus {
  outline: none;
  border-color: #111;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .08);
}
.vln-c-sheet__row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 10px;
  gap: 10px;
}
.vln-c-sheet__row > span[data-sheet-count] {
  font-size: 12px;
  color: var(--vln-c-muted);
  order: 1;
  text-align: right;
}
.vln-c-sheet__send {
  order: 2;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 46px;
  padding: 13px 16px;
  border: 0;
  border-radius: 10px;
  background: var(--vln-c-red);
  color: #fff !important;
  display: block;
  text-align: center;
  cursor: pointer;
  font: 800 15px/1 Arial, Helvetica, sans-serif;
}
.vln-c-sheet__send [data-sheet-send-label] {
  color: #fff !important;
  font: inherit;
}
.vln-c-sheet__send svg { display: none; }
.vln-c-sheet__send:disabled { opacity: .45; }
html[data-theme="dark"] .vln-c-join,
html[data-theme="dark"] .vln-c-sheet__panel,
html[data-theme="dark"] .vln-c-sheet__lift { background: #1A1226; color: #F4F1F7; }
html[data-theme="dark"] .vln-c-join {
  border-color: #3A3048;
}
html[data-theme="dark"] .vln-c-join__prompt {
  color: #EDE6F7;
}
html[data-theme="dark"] .vln-c-join:hover,
html[data-theme="dark"] .vln-c-join:focus {
  background: #24182F;
  border-color: #5A4A72;
}
html[data-theme="dark"] .vln-c-login-cta {
  background: #24182F;
  color: #C8BFD4 !important;
}
html[data-theme="dark"] .vln-c-login-cta:hover {
  background: #2A2038;
  color: #EDE6F7 !important;
}
html[data-theme="dark"] .vln-c-empty {
  color: #B8B0C4;
}
html[data-theme="dark"] .vln-c-sheet__bar h3 { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-sheet__handle { background: #3A3048; }
html[data-theme="dark"] .vln-c-sheet__x { background: #2A2038; color: #F4F1F7; }
html[data-theme="dark"] .vln-c-sheet__quote { background: #24182F; border-left-color: #D4C4EE; }
html[data-theme="dark"] .vln-c-sheet__quote strong { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-sheet__quote p { color: #C8BFD4; }
html[data-theme="dark"] .vln-c-sheet__ta { background: #120C18; color: #F4F1F7; border-color: #3A3048; }
html[data-theme="dark"] .vln-c-sheet__ta:focus { background: #120C18; border-color: #7C5CBF; }
html[data-theme="dark"] .vln-c-item--thread::before { background: var(--vln-thread); }
.vln-c-btn {
  -webkit-appearance: none;
  appearance: none;
  background: var(--vln-c-red);
  color: #fff;
  border: 0;
  outline: none;
  border-radius: 999px;
  padding: 7px 14px;
  font: 700 12px/1 Arial, sans-serif;
  cursor: pointer;
  text-decoration: none;
  transition: transform .15s ease, filter .15s ease;
}
.vln-c-btn:hover { filter: brightness(1.05); }
.vln-c-btn:active { transform: scale(.97); }
.vln-c-btn:disabled { opacity: .55; transform: none; }
.vln-c-btn--ghost {
  background: transparent;
  color: var(--vln-c-muted);
}
.vln-c-login-cta {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--vln-c-wash);
  color: var(--vln-c-muted) !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 13px;
  transition: background .2s ease;
}
.vln-c-login-cta:hover { background: #eceaf1; color: var(--vln-c-purple) !important; }
.vln-c-empty { color: var(--vln-c-muted); font-size: 14px; margin: 14px 2px 6px; }
.vln-c-comments p.vln-c-empty,
.vln-c-box .vln-c-empty {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0;
  margin: 8px 4px 2px;
}
.vln-c-list { margin-top: 4px; }
.vln-c-list:not(.vln-c-list--full) > .vln-c-item:nth-child(n+3) { display: none; }
.vln-c-item {
  position: relative;
  padding: 8px 2px 4px;
  border-radius: 8px;
}
.vln-c-box,
.vln-c-drawer {
  --vln-thread: #C9B8E0;
}
html[data-theme="dark"] .vln-c-box,
html[data-theme="dark"] .vln-c-drawer {
  --vln-thread: #5A4A72;
}
.vln-c-item.is-enter { animation: vln-c-in .32s ease both; }
.vln-c-item--thread::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 36px;
  bottom: 0;
  width: 1.5px;
  background: var(--vln-thread);
  pointer-events: none;
  z-index: 0;
}
.vln-c-item--reply.vln-c-item--thread::before {
  top: 32px;
}
.vln-c-item--thread:has(> .vln-c-replies) {
  padding-bottom: 0;
}
.vln-c-replies {
  position: relative;
  z-index: 1;
  background: var(--vln-c-thread-cut, #fff);
  padding: 0;
}
.vln-c-replies::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 1.5px;
  background: var(--vln-thread);
  pointer-events: none;
  z-index: 0;
}
.vln-c-item--reply {
  margin: 8px 0 0 24px;
  padding: 4px 2px 2px;
  border-left: 0;
  position: relative;
  z-index: 1;
}
.vln-c-branch {
  position: absolute;
  left: -14px;
  top: -8px;
  width: 16px;
  height: 26px;
  color: var(--vln-thread);
  pointer-events: none;
  z-index: 2;
  display: block;
  overflow: visible;
  border: 0;
}
.vln-c-branch svg {
  display: block;
  overflow: visible;
}
.vln-c-replies > .vln-c-item:last-child::after {
  content: '';
  position: absolute;
  left: -16px;
  top: -8px;
  bottom: 0;
  width: 6px;
  background: var(--vln-c-thread-cut, #fff);
  pointer-events: none;
  z-index: 1;
}
.vln-c-item__top {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}
.vln-c-ava {
  width: 26px;
  height: 26px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  color: #fff !important;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  overflow: hidden;
  text-decoration: none !important;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 1 !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
a.vln-c-ava:hover,
a.vln-c-ava:focus,
a.vln-c-ava:visited,
a.vln-c-ava:active {
  color: #fff !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
a.vln-c-ava:hover,
a.vln-c-ava:focus-visible {
  transform: scale(1.06);
  filter: brightness(1.08);
  box-shadow: 0 0 0 3px rgba(46, 26, 70, .16);
}
.contenido-columna .vln-c-comments a,
.vln-c-comments a,
.vln-c-box a,
.vln-c-drawer a,
.vln-c-sheet a {
  color: inherit;
  text-decoration: none !important;
}
.contenido-columna .vln-c-comments a:hover,
.contenido-columna .vln-c-comments a:visited,
.contenido-columna .vln-c-comments a:focus,
.contenido-columna .vln-c-comments a:active,
.vln-c-comments a:hover,
.vln-c-comments a:visited,
.vln-c-comments a:focus,
.vln-c-comments a:active,
.vln-c-box a:hover,
.vln-c-box a:visited,
.vln-c-box a:focus,
.vln-c-box a:active,
.vln-c-drawer a:hover,
.vln-c-drawer a:visited,
.vln-c-drawer a:focus,
.vln-c-drawer a:active {
  text-decoration: none !important;
}
.vln-c-comments button,
.vln-c-box button,
.vln-c-drawer button,
.vln-c-sheet button {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.vln-c-item__name,
.vln-c-item__name:link,
.vln-c-item__name:visited,
.vln-c-item__name:hover,
.vln-c-item__name:focus,
.vln-c-item__name:active {
  font-weight: 700;
  color: var(--vln-c-ink);
  text-decoration: none !important;
  font-family: Arial, Helvetica, sans-serif;
}
.vln-c-item__name:hover,
.vln-c-item__name:focus-visible { color: var(--vln-c-purple); }
html[data-theme="dark"] .contenido-columna .vln-c-comments a,
html[data-theme="dark"] .contenido-columna .vln-c-comments a:hover,
html[data-theme="dark"] .contenido-columna .vln-c-comments a:visited,
html[data-theme="dark"] .contenido-columna .vln-c-comments a:focus,
html[data-theme="dark"] .contenido-columna .vln-c-comments a:active {
  color: inherit;
  text-decoration: none !important;
}
.vln-c-item__meta { color: var(--vln-c-muted); font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.vln-c-item__body {
  margin: 3px 0 1px 32px;
  font-family: Merriweather, Georgia, serif;
  font-size: 14px;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}
.vln-c-item__body.is-deleted { color: var(--vln-c-muted); font-style: italic; }
.vln-c-item__actions {
  margin-left: 28px;
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 11px;
  min-height: 26px;
}
.vln-c-item__actions [data-reply],
.vln-c-item__actions [data-edit],
.vln-c-item__actions [data-delete],
.vln-c-item__actions [data-report] {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  outline: none;
  box-shadow: none;
  color: var(--vln-c-muted);
  cursor: pointer;
  font: 600 11px/1 Arial, sans-serif;
  padding: 4px 6px;
  border-radius: 6px;
}
.vln-c-item__actions [data-reply]:hover,
.vln-c-item__actions [data-edit]:hover {
  background: var(--vln-c-wash);
  color: var(--vln-c-purple);
}
.vln-c-item__actions [data-delete]:hover { background: #fde8e8; color: var(--vln-c-red); }
.vln-c-item__flag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.vln-c-item__flag svg {
  width: 11px;
  height: 11px;
  display: block;
  fill: currentColor;
}
.vln-c-item__actions [data-report]:hover {
  background: #fde8e8;
  color: var(--vln-c-red);
}
.vln-c-item__actions [data-report]:disabled {
  color: var(--vln-c-muted);
  cursor: default;
  opacity: .7;
}
.vln-c-item__actions [data-report]:disabled:hover {
  background: none;
  color: var(--vln-c-muted);
}

body.vln-c-report-open { overflow: hidden; }
.vln-c-report {
  position: fixed;
  inset: 0;
  z-index: 2147483640;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
@media (max-width: 700px) {
  .vln-c-report {
    align-items: flex-start;
    padding-top: max(12px, env(safe-area-inset-top, 0px));
  }
}
.vln-c-report[hidden] { display: none !important; }
.vln-c-report__scrim {
  position: absolute;
  inset: 0;
  background: rgba(18, 12, 24, .48);
}
.vln-c-report__box {
  position: relative;
  width: min(440px, 100%);
  background: #fff;
  color: var(--vln-c-ink);
  border: 1px solid var(--vln-c-line);
  border-radius: 16px;
  padding: 22px 22px 18px;
  box-shadow: 0 18px 50px rgba(46, 26, 70, .22);
  font-family: Arial, Helvetica, sans-serif;
}
.vln-c-report__kicker {
  margin: 0 0 6px;
  color: var(--vln-c-red);
  font-weight: 700;
  letter-spacing: .12em;
  font-size: 11px;
  text-transform: uppercase;
}
.vln-c-report__box h3 {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 700;
  color: var(--vln-c-purple);
  line-height: 1.3;
}
.vln-c-report__reasons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 0 16px;
  border-top: 1px solid var(--vln-c-line);
}
.vln-c-report__reasons label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--vln-c-line);
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  color: var(--vln-c-purple);
  background: #fff;
}
.vln-c-report__reasons label.is-on {
  background: #fde8e8;
  border-color: var(--vln-c-red);
  color: var(--vln-c-red);
}
.vln-c-report__reasons input {
  margin: 0;
  accent-color: var(--vln-c-red);
}
.vln-c-report__captcha {
  margin: 4px 0 16px;
  min-height: 65px;
}
.vln-c-report__err {
  margin: 0 0 12px;
  color: var(--vln-c-red);
  font-size: 13px;
}
.vln-c-report__btns {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.vln-c-report__cancel {
  min-width: 88px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--vln-c-purple);
  background: #fff;
  color: var(--vln-c-purple);
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
  padding: 0 16px;
}
.vln-c-report__send {
  min-width: 112px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  background: var(--vln-c-red);
  color: #fff;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
  padding: 0 18px;
}
.vln-c-report__send:hover { filter: brightness(1.05); }
.vln-c-report__send:disabled,
.vln-c-report__cancel:disabled { opacity: .55; cursor: default; }
.vln-c-edit__ta {
  width: 100%;
  min-height: 120px;
  margin: 0 0 6px;
  border: 1px solid var(--vln-c-line);
  border-radius: 10px;
  padding: 12px;
  font: 400 16px/1.45 Merriweather, Georgia, serif;
  background: var(--vln-c-paper);
  color: var(--vln-c-ink);
  resize: vertical;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
.vln-c-edit__ta:focus {
  outline: none;
  border-color: var(--vln-c-purple);
  box-shadow: 0 0 0 2px rgba(46, 26, 70, .1);
}
.vln-c-edit__count {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--vln-c-muted);
}
.vln-c-item__grow { flex: 1; }
.vln-c-vote {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: var(--vln-c-wash);
  border-radius: 999px;
  padding: 1px 2px;
}
.vln-c-vote__btn {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--vln-c-muted);
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  transition: color .15s ease, background .15s ease, transform .15s ease;
}
.vln-c-vote__btn svg { width: 13px; height: 13px; display: block; fill: currentColor; pointer-events: none; }
.vln-c-vote__btn:hover { background: #fff; color: var(--vln-c-ink); }
.vln-c-vote__btn.is-on { transform: scale(1.08); }
.vln-c-vote__btn[data-vote="1"].is-on { color: var(--vln-c-red); }
.vln-c-vote__btn[data-vote="-1"].is-on { color: var(--vln-c-purple); }
.vln-c-vote__btn.is-hit { animation: vln-vote-hit .32s ease; }
.vln-c-score {
  font-weight: 800;
  color: var(--vln-c-ink);
  min-width: 1.4em;
  text-align: center;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
}
.vln-c-score.is-up { color: var(--vln-c-red); }
.vln-c-score.is-down { color: var(--vln-c-purple); }
.vln-c-score.is-pop { animation: vln-score-pop .34s ease; }
.vln-c-more {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-top: 10px;
  color: #fff !important;
  font: 800 15px/1.2 Arial, Helvetica, sans-serif;
  text-decoration: none;
  background: #2E1A46;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  padding: 13px 16px;
  transition: filter .15s ease, transform .15s ease;
}
.vln-c-more:hover {
  filter: brightness(1.12);
  background: #2E1A46;
  color: #fff !important;
}
.vln-c-more:active { transform: scale(.98); }
html[data-theme="dark"] .vln-c-more {
  background: #7C5CBF;
}
html[data-theme="dark"] .vln-c-more:hover {
  background: #7C5CBF;
  filter: brightness(1.1);
}
html.vln-c-drawer-open {
  overflow: hidden;
  overscroll-behavior: none;
}
.vln-c-drawer {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  visibility: hidden;
  pointer-events: none;
}
.vln-c-drawer.is-open {
  visibility: visible;
  pointer-events: auto;
}
.vln-c-drawer__scrim {
  position: absolute;
  inset: 0;
  background: rgba(18, 12, 24, .48);
  opacity: 0;
  transition: opacity .25s ease;
}
.vln-c-drawer.is-open .vln-c-drawer__scrim { opacity: 1; }
.vln-c-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(650px, 100%);
  max-width: 100%;
  height: 100%;
  max-height: 100dvh;
  background: #fff;
  color: var(--vln-c-ink);
  box-shadow: -18px 0 40px rgba(18, 12, 24, .18);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform .28s cubic-bezier(.2,.7,.2,1);
  font-family: Arial, Helvetica, sans-serif;
  --vln-c-thread-cut: #fff;
}
@media (max-width: 600px) {
  .vln-c-drawer__panel {
    width: 100%;
    left: 0;
  }
}
.vln-c-drawer.is-open .vln-c-drawer__panel { transform: none; }
.vln-c-drawer__bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 12px 20px;
  border-bottom: 1px solid var(--vln-c-line);
}
.vln-c-drawer__kicker {
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vln-c-muted);
}
.vln-c-drawer__bar h2 {
  margin: 0;
  font-size: 22px;
  color: var(--vln-c-purple);
  font-family: Merriweather, Georgia, serif;
}
.vln-c-drawer__x {
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  font-size: 28px;
  line-height: 1;
  color: var(--vln-c-ink);
  cursor: pointer;
  border-radius: 8px;
}
.vln-c-drawer__x:hover { background: var(--vln-c-wash); }
.vln-c-drawer__tools {
  display: flex;
  gap: 6px;
  padding: 10px 20px;
  border-bottom: 1px solid var(--vln-c-line);
}
.vln-c-drawer__tools button {
  border: 0;
  background: none;
  padding: 6px 2px;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  color: var(--vln-c-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.vln-c-drawer__tools button.is-on {
  color: var(--vln-c-purple);
  border-bottom-color: var(--vln-c-purple);
}
.vln-c-drawer__scroll {
  flex: 1;
  overflow: auto;
  padding: 12px 20px 32px;
  -webkit-overflow-scrolling: touch;
}
.vln-c-drawer__scroll .vln-c-note { margin-bottom: 10px; }
html[data-theme="dark"] .vln-c-drawer__panel { background: #120C18; --vln-c-thread-cut: #120C18; }
html[data-theme="dark"] .vln-c-drawer__bar h2 { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-vote { background: #120C18; }
html[data-theme="dark"] .vln-c-vote__btn:hover { background: #241A32; }
@keyframes vln-c-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
@keyframes vln-score-pop {
  0% { transform: scale(1); }
  40% { transform: scale(1.38); }
  100% { transform: scale(1); }
}
@keyframes vln-vote-hit {
  0% { transform: scale(1); }
  35% { transform: scale(1.28); }
  100% { transform: scale(1.08); }
}

/* ——— Cuenta / perfil ——— */
body.vln-community-page .ad___top,
body.vln-community-page #adsHeader__NP { display: none !important; }
.vln-c-page {
  padding: 24px 16px 96px;
  min-height: 58vh;
  background: #f6f5f8;
  font-family: Arial, Helvetica, sans-serif;
}
.vln-c-page__inner {
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #eceaf1;
  border-radius: 18px;
  padding: 22px 22px 28px;
  box-shadow: 0 10px 30px rgba(46, 26, 70, .05);
}
.vln-c-page__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
}
.vln-c-page__ava {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  flex: 0 0 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font: 800 22px/1 Arial, Helvetica, sans-serif;
  overflow: hidden;
}
.vln-c-page__ava[hidden] { display: none !important; }
.vln-c-page__kicker {
  margin: 0 0 3px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vln-c-muted);
}
.vln-c-page__title {
  font-size: 26px;
  margin: 0 0 4px;
  color: var(--vln-c-purple);
  line-height: 1.15;
}
.vln-c-page__lead {
  color: var(--vln-c-muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}
.vln-c-page__lead a { color: var(--vln-c-red); font-weight: 700; }
.vln-c-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--vln-c-line);
}
.vln-c-tabs[hidden] { display: none !important; }
.vln-c-tabs button {
  border: 1px solid var(--vln-c-line);
  background: #fff;
  color: var(--vln-c-ink);
  border-radius: 999px;
  padding: 7px 12px;
  cursor: pointer;
  font: 700 13px/1 Arial, sans-serif;
}
.vln-c-tabs button.is-on { background: var(--vln-c-purple); color: #fff; border-color: var(--vln-c-purple); }
.vln-c-feed { display: flex; flex-direction: column; }
.vln-c-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 36px;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--vln-c-line);
  text-decoration: none;
  color: inherit;
}
.vln-c-card:last-child { border-bottom: 0; }
.vln-c-card:hover h3 { color: var(--vln-c-purple); }
.vln-c-card img,
.vln-c-card__ph {
  width: 96px;
  height: 64px;
  object-fit: cover;
  border-radius: 8px;
  background: var(--vln-c-wash);
}
.vln-c-card__ph { display: block; }
.vln-c-card__txt { min-width: 0; }
.vln-c-card h3 {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
  color: var(--vln-c-ink);
}
.vln-c-card p {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--vln-c-muted);
}
.vln-c-card--note {
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 14px 0;
}
.vln-c-card--note h3 {
  font-family: Merriweather, Georgia, serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.vln-c-card .vln-c-save {
  background: var(--vln-c-wash);
}
.vln-c-emptybox {
  padding: 36px 16px;
  text-align: center;
  background: var(--vln-c-wash);
  border-radius: 12px;
  margin-top: 8px;
}
a.vln-c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-decoration: none !important;
}
.vln-c-emptybox .vln-c-btn { margin-top: 14px; }
.vln-c-profile-gate {
  padding: 48px 20px;
}
.vln-c-profile-gate__title {
  margin: 0 0 10px;
  font: 700 22px/1.2 Arial, Helvetica, sans-serif;
  color: var(--vln-c-ink);
}
.vln-c-profile-gate p {
  margin: 0 auto;
  max-width: 28em;
  color: var(--vln-c-muted);
  font-size: 15px;
  line-height: 1.45;
}
body.vln-community-usuario .vln-c-page {
  padding: 16px 12px 72px;
}
body.vln-community-usuario .vln-c-page__inner {
  padding: 16px 16px 18px;
  border-radius: 12px;
  box-shadow: none;
}
.vln-c-profile {
  margin: 0;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--vln-c-line);
}
.vln-c-profile__top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vln-c-profile__ava {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font: 700 18px/1 Arial, Helvetica, sans-serif;
  background: #6B4C9A;
  border: 1px solid #eceaf1;
  box-shadow: none;
  position: relative;
}
.vln-c-profile__ava img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
}
.vln-c-profile__id { min-width: 0; }
.vln-c-profile__kicker {
  margin: 0 0 2px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vln-c-muted);
}
.vln-c-profile h1 {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.2;
  color: var(--vln-c-purple);
  overflow-wrap: break-word;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.vln-c-profile__badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  margin: 0 6px 0 0;
  border-radius: 999px;
  background: #2E1A46;
  color: #fff;
  font: 700 10px/18px Arial, Helvetica, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.vln-c-profile__edit {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border: 1px solid #2E1A46;
  border-radius: 999px;
  color: #2E1A46;
  font: 700 11px/1 Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.vln-c-profile__edit:hover { background: #2E1A46; color: #fff; }
.vln-c-profile__bio {
  margin: 10px 0 0;
  padding: 0;
  border-left: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  color: #5c5670;
}
.vln-c-profile__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 14px;
  margin: 8px 0 0;
}
.vln-c-profile__stat {
  background: none;
  border-radius: 0;
  padding: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.vln-c-profile__stat strong {
  display: inline;
  font-size: 13px;
  line-height: 1.2;
  color: var(--vln-c-ink);
}
.vln-c-profile__stat span {
  display: inline;
  margin-top: 0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--vln-c-muted);
}
.vln-c-profile__body { padding: 12px 0 0; }
.vln-c-profile__body .vln-c-tabs {
  margin: 0 0 6px;
  padding-bottom: 10px;
}
.vln-c-notes {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.vln-c-notes .vln-c-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--vln-c-line);
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.vln-c-notes .vln-c-note:hover {
  border-color: #c8bdd8;
  background: #fbfafc;
}
.vln-c-notes .vln-c-note__img {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  object-fit: cover;
  border-radius: 6px;
  background: var(--vln-c-wash);
}
.vln-c-notes .vln-c-note__txt {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.vln-c-notes .vln-c-note__quote,
.vln-c-notes .vln-c-note__src,
.vln-c-notes .vln-c-note__meta { display: block; }
.vln-c-notes .vln-c-note__quote {
  font: 400 13.5px/1.35 Arial, Helvetica, sans-serif;
  color: var(--vln-c-ink);
}
.vln-c-notes .vln-c-note:hover .vln-c-note__quote { color: var(--vln-c-purple); }
.vln-c-notes .vln-c-note__src {
  font: 12px/1.3 Arial, Helvetica, sans-serif;
  color: var(--vln-c-muted);
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
}
.vln-c-notes .vln-c-note__meta {
  font: 11px/1.3 Arial, Helvetica, sans-serif;
  color: #8a8496;
}
@media (max-width: 560px) {
  .vln-c-profile__ava {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    font-size: 16px;
  }
  .vln-c-profile h1 { font-size: 16px; }
  .vln-c-profile__top { gap: 10px; }
  .vln-c-notes .vln-c-note {
    padding: 8px;
    gap: 8px;
  }
  .vln-c-notes .vln-c-note__img {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}
.vln-c-form label { display: block; margin: 0 0 14px; font-size: 13px; font-weight: 700; color: var(--vln-c-muted); }
.vln-c-form input:not([type="checkbox"]):not([type="file"]),
.vln-c-form textarea {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 10px 12px;
  border: 1px solid var(--vln-c-line);
  border-radius: 10px;
  background: #fff;
  color: var(--vln-c-ink);
  font: 16px/1.4 Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
.vln-c-form--card {
  background: var(--vln-c-wash);
  border-radius: 14px;
  padding: 18px;
}
.vln-c-form__mail {
  margin: 0 0 14px;
  font-size: 13px;
  color: var(--vln-c-muted);
}
.vln-c-prefs {
  margin: 4px 0 18px;
  padding: 16px;
  border: 1px solid var(--vln-c-line);
  border-radius: 12px;
  background: #fff;
  overflow: visible;
}
.vln-c-prefs__title {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  color: var(--vln-c-muted);
}
.vln-c-form .vln-c-prefs__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--vln-c-line);
  border-radius: 10px;
  background: var(--vln-c-wash);
  font-weight: 400;
  cursor: pointer;
}
.vln-c-form .vln-c-prefs + .vln-c-prefs { margin-top: -4px; }
.vln-c-form .vln-c-prefs__item:has(input:disabled) {
  opacity: .62;
  cursor: default;
}
.vln-c-prefs__more button {
  background: none;
  border: 0;
  padding: 0;
  color: #2E1A46;
  font: 700 13px/1.4 Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.vln-c-form .vln-c-prefs input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  max-width: 22px;
  margin: 2px 0 0;
  padding: 0;
  border: 2px solid #b7adc6;
  border-radius: 6px;
  background: #fff;
  display: inline-block;
  box-sizing: border-box;
  flex-shrink: 0;
}
.vln-c-form .vln-c-prefs input[type="checkbox"]:checked {
  background: #2E1A46;
  border-color: #2E1A46;
}
.vln-c-form .vln-c-prefs input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.vln-c-prefs__txt {
  min-width: 0;
  flex: 1;
  display: block;
}
.vln-c-prefs__txt strong {
  display: block;
  color: var(--vln-c-ink);
  font-size: 15px;
}
.vln-c-prefs__txt small {
  display: block;
  margin-top: 3px;
  color: var(--vln-c-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.vln-c-prefs__more {
  margin: 0;
  font-size: 13px;
  overflow: visible;
  word-break: normal;
  overflow-wrap: break-word;
}
.vln-c-prefs__more a { color: #2E1A46; font-weight: 700; }
.vln-c-photo {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 16px;
}
.vln-c-photo__preview {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font: 800 28px/1 Arial, Helvetica, sans-serif;
  position: relative;
  background: #6B4C9A;
}
.vln-c-photo__preview img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
}
.vln-c-photo__preview.is-pending::after {
  content: "En revisión";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4px 0;
  background: rgba(46, 26, 70, .78);
  color: #fff;
  font: 700 9px/1 Arial, Helvetica, sans-serif;
  text-align: center;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.vln-c-photo__actions { min-width: 0; }
.vln-c-photo__btn {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #2E1A46;
  border-radius: 999px;
  background: #fff;
  color: #2E1A46;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.vln-c-photo__hint {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--vln-c-muted);
  line-height: 1.4;
}
.vln-c-ava img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 50%;
}
.vln-c-page__ava img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
}
.vln-c-busy { padding: 28px; color: var(--vln-c-muted); text-align: center; }
html[data-theme="dark"] .vln-c-page { background: #0f0b14; }
html[data-theme="dark"] .vln-c-page__inner {
  background: #120C18;
  border-color: #2A2038;
  box-shadow: none;
}
html[data-theme="dark"] .vln-c-profile h1 { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-profile__bio {
  color: #C8C0D4;
  border-left-color: #7C5CBF;
}
html[data-theme="dark"] .vln-c-profile { border-bottom-color: #2A2038; }
html[data-theme="dark"] .vln-c-profile__ava { border-color: #3A3048; }
html[data-theme="dark"] .vln-c-profile__stat { background: none; }
html[data-theme="dark"] .vln-c-profile__stat strong { color: #F4F1F7; }
html[data-theme="dark"] .vln-c-profile__edit { color: #D4C4EE; border-color: #7C5CBF; }
html[data-theme="dark"] .vln-c-profile__edit:hover { background: #7C5CBF; color: #fff; }
html[data-theme="dark"] .vln-c-note h3 { color: #F4F1F7; }
html[data-theme="dark"] .vln-c-notes .vln-c-note {
  background: #1A1226;
  border-color: #3A3048;
}
html[data-theme="dark"] .vln-c-notes .vln-c-note:hover { background: #21182E; border-color: #5a4d70; }
html[data-theme="dark"] .vln-c-notes .vln-c-note__quote { color: #F4F1F7; }
html[data-theme="dark"] .vln-c-notes .vln-c-note:hover .vln-c-note__quote { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-tabs button { background: #1A1226; color: #F4F1F7; border-color: #3A3048; }
html[data-theme="dark"] .vln-c-form input,
html[data-theme="dark"] .vln-c-form textarea { background: #120C18; }
html[data-theme="dark"] .vln-c-prefs,
html[data-theme="dark"] .vln-c-form .vln-c-prefs__item { background: #1A1226; border-color: #3A3048; }
html[data-theme="dark"] .vln-c-prefs__txt strong { color: #F4F1F7; }
html[data-theme="dark"] .vln-c-form .vln-c-prefs input[type="checkbox"] { background: #120C18; border-color: #5a4d70; }
html[data-theme="dark"] .vln-c-form .vln-c-prefs input[type="checkbox"]:checked { background: #7C5CBF; border-color: #7C5CBF; }
html[data-theme="dark"] .vln-c-prefs__more a { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-prefs__more button { color: #D4C4EE; }
html[data-theme="dark"] .vln-c-photo__btn { background: #1A1226; color: #F4F1F7; border-color: #7C5CBF; }