:root {
  --aerpsy-cookie-blue: #0A73BF;
  --aerpsy-cookie-light-blue: #85CFE9;
  --aerpsy-cookie-black: #080E12;
  --aerpsy-cookie-text: #1C2B3A;
  --aerpsy-cookie-cream: #FFFAF5;
  --aerpsy-cookie-border: rgba(10,115,191,.16);
}

.aerpsy-cookie-banner,
.aerpsy-cookie-floating {
  font-family: "Open Sans", Arial, sans-serif;
}

.aerpsy-cookie-banner {
  position: fixed;
  left: 50%;
  bottom: 22px;
  z-index: 999999;
  width: min(720px, calc(100vw - 32px));
  transform: translateX(-50%);
  color: var(--aerpsy-cookie-text);
}

.aerpsy-cookie-inner {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(10,115,191,.14);
  border-radius: 22px;
  box-shadow: 0 22px 60px rgba(8,14,18,.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  padding: 20px;
}

.aerpsy-cookie-text strong,
.aerpsy-cookie-option strong {
  display: block;
  color: var(--aerpsy-cookie-black);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

.aerpsy-cookie-text p {
  margin: 0 0 8px;
  font-size: 13.5px;
  line-height: 1.6;
}

.aerpsy-cookie-link {
  color: var(--aerpsy-cookie-blue);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.aerpsy-cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  justify-content: flex-end;
}

.aerpsy-cookie-btn {
  appearance: none;
  border-radius: 14px;
  padding: 11px 17px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}

.aerpsy-cookie-btn:hover {
  transform: translateY(-1px);
}

.aerpsy-cookie-primary {
  background: var(--aerpsy-cookie-blue);
  color: white;
  border: 1px solid var(--aerpsy-cookie-blue);
}

.aerpsy-cookie-primary:hover {
  background: var(--aerpsy-cookie-light-blue);
  color: var(--aerpsy-cookie-black);
  border-color: var(--aerpsy-cookie-light-blue);
}

.aerpsy-cookie-secondary {
  background: rgba(255,255,255,.72);
  color: var(--aerpsy-cookie-blue);
  border: 1px solid var(--aerpsy-cookie-border);
}

.aerpsy-cookie-secondary:hover {
  background: rgba(133,207,233,.18);
}

.aerpsy-cookie-panel {
  margin-top: 16px;
  border-top: 1px solid rgba(230,223,216,.72);
  padding-top: 14px;
}

.aerpsy-cookie-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
}

.aerpsy-cookie-option span {
  display: block;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--aerpsy-cookie-text);
}

.aerpsy-cookie-pill {
  white-space: nowrap;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(133,207,233,.18);
  color: var(--aerpsy-cookie-blue) !important;
  font-weight: 700;
}

#aerpsy-cookie-analytics {
  width: 42px;
  height: 24px;
  accent-color: var(--aerpsy-cookie-blue);
}

.aerpsy-cookie-floating {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999998;
  border: 1px solid rgba(10,115,191,.16);
  background: rgba(255,255,255,.88);
  color: var(--aerpsy-cookie-text);
  border-radius: 999px;
  padding: 12px 17px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 12px 32px rgba(8,14,18,.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

@media (max-width: 768px) {
  .aerpsy-cookie-banner {
    bottom: 14px;
    width: calc(100vw - 24px);
  }

  .aerpsy-cookie-inner {
    padding: 17px;
    border-radius: 20px;
  }

  .aerpsy-cookie-actions {
    justify-content: stretch;
  }

  .aerpsy-cookie-btn {
    flex: 1 1 auto;
  }

  .aerpsy-cookie-floating {
    right: 14px;
    bottom: 14px;
  }
}
