:root {
  --c-bg-soft: rgba(13, 23, 38, 0.72);
  --c-border: rgba(255, 255, 255, 0.12);
  --c-text: #f5f7fb;
  --c-muted: #b8c1d1;
  --c-primary: #35d4c0;
  --c-primary-2: #4ae2a6;
  --c-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);
  --c-radius: 24px;
  --c-max: 1100px;
}

/* CONTENEDOR */
.cookies-wrap {
  color: var(--c-text);
}

.cookies-container {
  width: min(92%, var(--c-max));
  margin: 0 auto;
}

/* HERO */
.cookies-hero {
  padding: 70px 0 24px;
}

.cookies-box {
  padding: 42px;
  background: var(--c-bg-soft);
  border: 1px solid var(--c-border);
  border-radius: var(--c-radius);
  backdrop-filter: blur(18px);
  box-shadow: var(--c-shadow);
}

.cookies-tag {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--c-primary);
  margin-bottom: 18px;
  font-size: 0.9rem;
}

.cookies-title {
  font-size: clamp(2.2rem, 4.5vw, 4rem);
  margin-bottom: 16px;
}

.cookies-intro {
  color: var(--c-muted);
  line-height: 1.8;
}

/* CONTENIDO */
.cookies-main {
  padding: 24px 0 60px;
}

.cookies-card {
  padding: 38px;
  background: var(--c-bg-soft);
  border: 1px solid var(--c-border);
  border-radius: var(--c-radius);
  backdrop-filter: blur(18px);
  box-shadow: var(--c-shadow);
}

.cookies-section + .cookies-section {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.cookies-section h2 {
  margin-bottom: 12px;
}

.cookies-text {
  color: var(--c-muted);
  margin-bottom: 14px;
  line-height: 1.9;
}

.cookies-list {
  margin-left: 18px;
  color: var(--c-muted);
}

/* LINKS */
.cookies-links {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.cookies-link-box {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.cookies-link-box a {
  color: var(--c-primary);
}

/* ANIMACIÓN */
.cookies-anim {
  opacity: 0;
  transform: translateX(80px);
  transition: 0.8s ease;
}

.cookies-anim.show {
  opacity: 1;
  transform: translateX(0);
}

/* RESPONSIVE */
@media (max-width: 720px) {
  .cookies-box,
  .cookies-card {
    padding: 24px;
  }
}