.division-toggle {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .4rem .8rem;
        font-weight: 700;
        border: 1px solid #e5e5e5;
        border-radius: .5rem;
        background: #f8f9fa;
        color: #333333;
        transition: background .2s ease, transform .15s ease, box-shadow .2s ease;
        cursor: pointer;
      }

      .division-toggle:hover {
        background: #eeeeee;
        text-decoration: none;
        box-shadow: 0 2px 6px rgba(0,0,0,.08);
      }
      
      .division-toggle:active {
        transform: translateY(1px);
      }
      .division-toggle .chev {
        transition: transform .2s ease;
      }
      .division-toggle[aria-expanded="true"] .chev {
        transform: rotate(180deg);
      }
      .division-panel {
        border-left: 3px solid #333333;
        padding-left: .75rem;
        margin-top: .5rem;
        margin-bottom: 1rem;
      }
      .division-panel p {
        margin-bottom: .4rem;
      }
      /* Mejora de foco accesible */
      .division-toggle:focus {
        outline: none;
        box-shadow: 0 0 0 .25rem rgba(51,51,51,.15);
      }
        
    /* Igualar ancho de los botones de división */
    .division-toggle{
    width: 7.25rem;           /* ajusta si quieres más/menos */
    justify-content: space-between;
    text-align: left;
    }

    /* En móviles que ocupen todo el ancho disponible */
    @media (max-width: 576px){
    .text-end > .division-toggle{
        width: 100%;
    }
    }