#cc-sidebar {
    position: fixed;
    z-index: 9999;

    width: auto;
    min-width: max-content;
    max-width: 300px;

    display: flex;
    flex-direction: column;
}

/* POSICIÓN */
#cc-sidebar.right {
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}

#cc-sidebar.open {
  transform: translate(0, -50%);
}

/* CONTENIDO */
.cc-content {
    display: flex;
    flex-direction: column;
    gap: 20px; /* 👈 antes 10 → demasiado */
    padding: 20px 10px;
	line-height: 0.6;
}

/* ITEM */
.cc-content a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    text-decoration: none;

    padding: 8px 6px;
    gap: 2px; /* 👈 clave para juntar */

    border-bottom: 1px solid rgba(255,255,255,0.2);
}

/* ICONO IMG */
.cc-content img {
    width: 30px!important;
    height: 30px!important;
    object-fit: contain;
    margin: 0; /* 👈 elimina espacio fantasma */
}

/* ICONO EMOJI */
.cc-content div {
    font-size: 34px;
    line-height: 1;
    margin: 0;
}

/* TEXTO */
.cc-content span {
    font-size: 14px;
    font-weight: 600;
    line-height: 0.2!important; /* 👈 clave */
    margin: 0;
}

/* ÚLTIMO SIN LÍNEA */
.cc-content a:last-child {
    border-bottom: none;
}

.cc-content .cc-sidebar-separator {
    width: 70%;
    height: 1px;
    min-height: 1px;
    margin: -4px auto;
    background: rgba(255,255,255,0.45);
    font-size: 0;
    line-height: 0;
}

/* HOVER */
.cc-content a:hover {
    background: rgba(255,255,255,0.1);
}

/* TOGGLE */
.cc-toggle {
  position: absolute;
  top: 82px;
  left: -42px;
  width: 42px;
  height: 42px;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
  border-radius: 6px 0 0 6px;
}

/* TRIÁNGULO */
.cc-toggle::before {
  content: "◀";
  font-size: 16px;
}

#cc-sidebar.open .cc-toggle::before {
  content: "▶";
}

.cc-toggle {
  border: 0;
  padding: 0;
}

.cc-toggle::before,
#cc-sidebar.open .cc-toggle::before {
  content: none;
}

.cc-toggle-icon,
.cc-toggle-fallback {
  display: block;
}

.cc-toggle-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cc-toggle-fallback {
  font-size: 16px;
  line-height: 1;
}

.cc-toggle-icon-hide {
  display: none;
}

#cc-sidebar.open .cc-toggle-icon-show {
  display: none;
}

#cc-sidebar.open .cc-toggle-icon-hide {
  display: block;
}