#cconsent-bar {
  background: #17213a !important;
  padding: 10px 54px !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow: 0 -6px 24px rgba(0,0,0,.28) !important;
}

#cconsent-bar .ccb__wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
}

#cconsent-bar .ccb__left {
  position: relative;
  padding-left: 0 !important;
  color: #fff !important;
}

#cconsent-bar .ccb__left::before {
  content: none !important;
}

#cconsent-bar .ccb__left::after {
  content: "Valoramos tu privacidad";
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #fff;
}

#cconsent-bar .ccb__right {
  display: flex !important;
  gap: 20px;
}

#cconsent-bar a,
#cconsent-bar button {
  border-radius: 30px !important;
  padding: 14px 28px !important;
  font-weight: bold;
}

/* Botón aceptar */
#cconsent-bar .ccb__right button:last-child,
#cconsent-bar .ccb__right a:last-child {
  background: #7ac70c !important;
  color: #fff !important;
  border: none !important;
}

/* Botón configurar */
#cconsent-bar .ccb__right button:first-child,
#cconsent-bar .ccb__right a:first-child {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* ================= MOBILE ================= */
@media (max-width: 576px) {
  #cconsent-bar {
    padding: 12px 14px !important;
    border-radius: 16px 16px 0 0 !important;
  }

  #cconsent-bar .ccb__wrapper {
    flex-direction: column !important;
    gap: 10px !important;
  }

  #cconsent-bar .ccb__left {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  #cconsent-bar .ccb__left::after {
    font-size: 16px !important;
    margin-bottom: 4px !important;
  }

  #cconsent-bar .ccb__right {
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px !important;
  }

  #cconsent-bar .ccb__right button,
  #cconsent-bar .ccb__right a {
    flex: 1 !important;
    width: 50% !important;
    padding: 10px 8px !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  .blantershow-chat {
    bottom: 170px !important;
    right: 16px !important;
  }

  .scrollup {
    bottom: 280px !important;
    right: 16px !important;
  }
}

/* ================= TABLET ================= */
@media (min-width: 577px) and (max-width: 1024px) {

  .blantershow-chat {
    bottom: 310px !important;
    right: 16px !important;
  }

  /* 🔥 FLECHA ARRIBA */
  .scrollup {
    bottom: 385px !important;
    right: 16px !important;
  }
}

/* ================= DESKTOP ================= */
@media (min-width: 1025px) {

  .blantershow-chat {
    bottom: 105px !important;
    right: 16px !important;
  }

  .scrollup {
    bottom: 180px !important;
    right: 16px !important;
  }
}