/* DUVEO 5.2.48.3: una sola línea visible de descripción + desplegable.
   No altera el contenido guardado ni oculta los datos del creador. */
.duveo-description-compact { min-width:0; max-width:100%; }
.duveo-description-compact__text { min-width:0; }
.duveo-description-compact:not(.is-expanded) .duveo-description-compact__text {
  display:-webkit-box !important;
  -webkit-line-clamp:1;
  line-clamp:1;
  -webkit-box-orient:vertical;
  max-height:1.65em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.65;
}
.duveo-description-compact:not(.is-expanded) .duveo-description-compact__text > :first-child { margin-top:0!important; }
.duveo-description-compact:not(.is-expanded) .duveo-description-compact__text > p { margin-bottom:0!important; }
.duveo-description-compact.is-expanded .duveo-description-compact__text {
  display:block!important;
  max-height:none!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  overflow:visible!important;
  white-space:normal!important;
}
.duveo-description-compact__toggle {
  display:inline-flex;
  align-items:center;
  margin-top:5px;
  padding:3px 1px;
  color:#0f4cff;
  background:transparent;
  border:0;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}
.duveo-description-compact__toggle[hidden] { display:none!important; }
.duveo-description-compact__toggle:focus-visible { outline:2px solid currentColor; outline-offset:3px; border-radius:3px; }
.duveo-description-compact--featured .duveo-description-compact__toggle { color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.45); }
.duveo-description-compact--featured .duveo-description-compact__text { color:inherit; }
.duveo-description-compact--moment .duveo-description-compact__toggle { color:inherit; }

/* El tema heredado ocultaba la primera campana en <=620px. Mantenerla visible
   en las cabeceras móviles existentes, sin añadir otra ni alterar el menú inferior. */
@media(max-width:900px){
  body:not(.page-template-page-momentos) .duveo-topbar .duveo-top-actions {
    display:flex!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0;
  }
  body:not(.page-template-page-momentos) .duveo-topbar .duveo-top-actions > a.duveo-notification-btn {
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative;
    flex:0 0 40px;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    align-items:center;
    justify-content:center;
    color:#0e1f4d!important;
    background:#fff!important;
    border:1px solid #dce4f0!important;
    border-radius:50%!important;
  }
  body:not(.page-template-page-momentos) .duveo-topbar .duveo-notification-btn svg {
    display:block!important;
    flex:0 0 22px;
    width:22px!important;
    height:22px!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
  }
  body:not(.page-template-page-momentos) .duveo-topbar .duveo-notification-btn .duveo-badge {
    position:absolute!important;
    top:-4px!important;
    right:-4px!important;
    z-index:2;
  }
}
@media(max-width:360px){
  body:not(.page-template-page-momentos) .duveo-topbar .duveo-logo__official { max-width:115px!important; }
  body:not(.page-template-page-momentos) .duveo-topbar .duveo-top-actions > a.duveo-notification-btn { flex-basis:36px; width:36px!important;min-width:36px!important;height:36px!important; }
}
/* Conservar el estilo editorial de la descripción original del banner. */
body.home [data-duveo-layout="5.2.45"] .duveo-showcase-details-v5245 .duveo-description-compact--featured {
  width:100%;
  max-width:500px;
  margin:0;
  color:rgba(255,255,255,.94)!important;
  font-size:12px!important;
  text-shadow:0 2px 9px rgba(0,0,0,.8)!important;
}
body.home [data-duveo-layout="5.2.45"] .duveo-showcase-details-v5245 .duveo-description-compact--featured .duveo-description-compact__text {
  margin:0!important;
  max-width:100%;
  color:rgba(255,255,255,.94)!important;
}
body.home [data-duveo-layout="5.2.45"] .duveo-showcase-details-v5245 .duveo-description-compact--featured .duveo-description-compact__toggle {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* DUVEO 5.2.48.4 · Menú del avatar visible para suscriptores y creadores en móvil.
   backdrop-filter en .duveo-topbar hace que el panel fixed se posicione
   respecto a la cabecera (y no al viewport). Se desactiva SOLO al abrirlo. */
@media (max-width:680px) {
  body.duveo-account-menu-open .duveo-topbar {
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.duveo-account-menu-open .duveo-topbar .duveo-account-dropdown {
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:calc(var(--duveo-mobilebar-height,64px) + 12px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-height:min(72dvh, calc(100dvh - var(--duveo-mobilebar-height,64px) - 36px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    z-index:1000!important;
    box-shadow:0 18px 60px rgba(14,31,77,.22)!important;
  }
  .duveo-topbar .duveo-top-actions .duveo-account-menu-wrap {
    display:inline-flex!important;
    flex:0 0 auto!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .duveo-topbar .duveo-top-actions .duveo-account-access {
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:42px!important;
    min-height:42px!important;
    flex:0 0 auto;
  }
}