/* ===== SUBBAR ===== */
  .subbar{
    position:fixed;
    top:var(--topbar-h);
    left:0; right:0;
    height:var(--subbar-h);
    z-index:1025;
    background:var(--sub-bg);
    color:var(--sub-fg);
    border-bottom:1px solid var(--border-b);
    color-scheme: light;
  }
  .subbar .breadcrumb{
    margin:0;
    --bs-breadcrumb-divider: "›";
    font-size:.75rem;
  }
  .subbar .breadcrumb a{ color: var(--sub-fg); text-decoration:none; }
  .subbar .breadcrumb a:hover{ text-decoration:underline; }

  .search-group .input-group-text{
    background:#fff;
    border-radius:14px 0 0 14px;
    border-right:0;
  }
  .search-group .form-control{
    border-left:0;
    border-right:0;
  }
  .search-group .btn{ border-radius:0 14px 14px 0; }
  .quick-btn{ border-radius:12px; white-space:nowrap; }

  /* ===== ALERTBAR ===== */
  .alertbar{
    position:fixed;
    top: calc(var(--topbar-h) + var(--subbar-h));
    left:0; right:0;
    z-index:1020;
  }
  .alertbar .alert{ margin:0; border-radius:0; border:0; padding-left: 3rem;}

  /* 1) Que el menú tenga un ancho/limite (opcional, pero recomendado) */
  .dropdown-menu-dwnlds{
    max-width: 500px; 
    width: 500px;
  }

  /* 2) Permitir wrap en items (Bootstrap los deja en nowrap) */
  .dropdown-menu-dwnlds .dropdown-item.dd-wrap{
    white-space: normal;  
    width: 100%;
  }

  /* 3) Que el texto descriptivo realmente envuelva */
  .dropdown-menu-dwnlds .dropdown-item.dd-wrap .small{
    display: block;
    white-space: normal;
    overflow-wrap: anywhere; /* o break-word */
  }

  /* 4) Evita cortes raros por márgenes del <p> */
  .dropdown-menu-dwnlds .dropdown-item.dd-wrap p{
    margin: 0;
  }