/* Modal principal */
.cc‑modal {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  color: #333;
  box‑shadow: 0 ‑2px 10px rgba(0,0,0,0.2);
  padding: 20px;
  z‑index: 9999;
  display: none;
}
.cc‑modal__content {
  max‑width: 1000px;
  margin: 0 auto;
}
.cc‑buttons {
  margin‑top: 15px;
}
.cc‑btn {
  padding: 10px 20px;
  margin: 0 5px;
  font‑size: 14px;
  cursor: pointer;
  border: none;
  border‑radius: 4px;
}
.cc‑btn‑accept {
  background: #4CAF50;
  color: #fff;
}
.cc‑btn‑reject {
  background: #f44336;
  color: #fff;
}
.cc‑btn‑config {
  background: #555;
  color: #fff;
}

/* Icono flotante */
.cc‑icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #4CAF50;
  color: #fff;
  padding: 10px;
  border‑radius: 50%;
  font‑size: 20px;
  cursor: pointer;
  z‑index: 9998;
  display: none;
}

/* Panel de configuración */
.cc‑settings‑panel {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  max‑width: 90%;
  background: #fff;
  color: #333;
  box‑shadow: 0 ‑2px 10px rgba(0,0,0,0.2);
  padding: 20px;
  z‑index: 9999;
  display: none;
}
.cc‑settings‑content {
  max‑width: 100%;
}
.cc‑btn‑save {
  background: #2196F3;
  color: #fff;
}

/* Responsive */
@media (max‑width: 600px) {
  .cc‑modal {
    padding: 10px;
  }
  .cc‑buttons {
    text‑align: center;
  }
  .cc‑btn {
    display: block;
    width: 100%;
    margin: 5px 0;
  }
}