/* ======== ESTILOS GENERALES ======== */
body {
  font-family: Arial, sans-serif;
  margin:0; padding:0;
}

/* Fondo oscuro al cargar modal */
.cookie-overlay {
  position: fixed;
  top:0; left:0; width:100%; height:100%;
  background: rgba(0,0,0,0.55);
  display: flex; align-items: center; justify-content: center;
  z-index: 1000;
}

/* Caja del modal */
.cookie-modal {
  background:#fff;
  padding:24px;
  border-radius:14px;
  max-width:650px;
  width:90%;
  box-shadow:0 6px 18px rgba(0,0,0,0.25);
  text-align:center;
  max-height:80vh;
  overflow-y:auto;
}

.cookie-modal h2 {
  font-size:20px;
  margin-bottom:10px;
  color:#2c3e50;
}

.cookie-modal p {
  color:#555;
  font-size:15px;
}

/* Botones principales */
.cookie-buttons {
  margin-top:20px;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.cookie-buttons button {
  padding:10px 20px;
  border:none;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;
  transition: all 0.2s ease-in-out;
}

.accept { background:#4a90e2; color:#fff; }
.accept:hover { background:#357abd; }

.reject { background:#e0e0e0; color:#333; }
.reject:hover { background:#cfcfcf; }

.customize { background:#f8f9fa; border:1px solid #ddd; color:#333; }
.customize:hover { background:#ececec; }

/* Icono cookie */
.cookie-icon {
  display: none !important;
  right:10%;
  position:fixed;
  bottom:20px;
  right:20px;
  background:#4a90e2;
  color:#fff;
  font-size:20px;
  padding:14px;
  border-radius:50%;
  cursor:pointer;
  display:none;
  box-shadow:0 3px 8px rgba(0,0,0,0.25);
  transition: background 0.3s ease;
}
.cookie-icon:hover { background:#357abd; }

/* Panel de personalización */
.cookie-customize {
  text-align:left;
  margin-top:18px;
  display:none;
}

.cookie-category {
  border:1px solid #e1e1e1;
  border-radius:8px;
  margin:10px 0;
  padding:10px;
  background:#fafafa;
}

.cookie-category summary {
  font-weight:bold;
  cursor:pointer;
  color:#2c3e50;
}

.toggle {
  float:right;
}

/* Tabla de cookies individuales */
.cookie-table {
  width:100%;
  border-collapse:collapse;
  margin-top:8px;
  font-size:14px;
}

.cookie-table th, .cookie-table td {
  border:1px solid #5a5b5c;
  padding:8px;
  text-align:left;
  color:black !important;
}

.cookie-table th {
  background:#5a5b5c;
  font-weight:600;
  color:#333;
}