[data-component-id="usfq_theme:cifras"] {
  /* @todo Add your styles here. */
}
  .h2 {
    font-size: 1rem !important;
  }
  .container-cifras{
    display: flex;
    flex-direction: column;
  }
  .container-cifras,
  .content {
    min-width: 0;
  }
  .content {
      word-break: break-word;
      overflow-wrap: break-word;
      margin-top: auto;
      padding: 2rem 1rem;
    }
/* Tablet */
  @media (min-width: 768px) and (max-width: 1024px) {
    .content {
      padding: 4rem 3rem 2rem 3rem;
    }
      .h2 {
    font-size: var(--fs-h2)!important;
  }
}

/*Desktop*/
@media (min-width: 1025px) {
  .content {
    padding:  6rem 6rem 2rem 6rem;
    }
  .h2 {
    font-size: var(--fs-h2)!important;
    }
  }
:root:where([data-theme="dark"]) {
  --bs-heading-color: var(--text_color)!important;
}
:where(html[data-theme="dark"]) p{
  color: var(--text_color) !important;
}

/* Ver más / Ver menos manejado por JS (cifras.js), sin depender de que el
   editor inserte manualmente un <details> desde CKEditor. */
.container-cifras .btn-toggle-more {
  display: none;
}

.container-cifras .cifras-text-clamp {
  max-height: 230px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.container-cifras .cifras-text-clamp.is-expanded {
  max-height: none;
}

.container-cifras .btn-toggle-more {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
  margin: 8px 0 0 0;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
}