/* ============================================================
   ARBOR — tema neutral (tienda)
   Plata/pizarra sobre negro. Premium sin acento de color.
   ============================================================ */

:root {
  --bg:           #08090b;
  --bg-2:         #0e1014;
  --ink:          #e8eaec;
  --ink-soft:     #8a94a0;
  --ink-muted:    #505a66;
  --line:         rgba(180, 196, 210, 0.08);
  --line-strong:  rgba(180, 196, 210, 0.15);
  --accent:       #b4c4d2;
  --accent-warm:  #8a9fb0;
}

/* Aurora → azul pizarra muy sutil */
.aurora__blob--1 {
  background: radial-gradient(closest-side,
    rgba(140, 160, 185, 0.09) 0%, transparent 70%);
}
.aurora__blob--2 {
  background: radial-gradient(closest-side,
    rgba(100, 130, 160, 0.06) 0%, transparent 70%);
}
.aurora__blob--3 {
  background: radial-gradient(closest-side,
    rgba(140, 160, 185, 0.06) 0%, transparent 70%);
}

/* Cursor */
#cursor { border-color: rgba(180,196,210,0.4); }
#cursor.hover { border-color: rgba(180,196,210,0.65); background: rgba(180,196,210,0.04); }

/* Brand avatar */
.brand__avatar { background: rgba(180,196,210,0.08); border-color: rgba(180,196,210,0.2); }
.brand__avatar::after { border-color: rgba(180,196,210,0.18); }

/* Dot */
.dot { background: #b4c4d2; box-shadow: 0 0 8px rgba(180,196,210,0.6); }
.dot::before { border-color: rgba(180,196,210,0.4); }

/* Header tag dot */
.header-tag::before { background: #b4c4d2; box-shadow: 0 0 6px rgba(180,196,210,0.5); }

/* Hero */
@keyframes breathAccent {
  0%,100%{ text-shadow: none; }
  50%    { text-shadow: 0 0 28px rgba(180,196,210,0.25); }
}
.hero__quick { border-color: rgba(180,196,210,0.15); }

/* Scroll hint */
.scroll-hint__arrow { color: #b4c4d2; opacity: 0.7; }

/* Hub cards */
.hub-card:hover { background: rgba(180,196,210,0.03); }
.hub-card__num { -webkit-text-stroke: 1px rgba(180,196,210,0.3); }
.hub-card__kicker { background: rgba(180,196,210,0.07); color: #b4c4d2; border-color: rgba(180,196,210,0.15); }
.hub-card:hover .hub-card__title { color: #d0dce6; }
.hub-card__cta { color: #b4c4d2; }
.hub-card__glow {
  background:
    radial-gradient(500px circle at 0% 0%, rgba(180,196,210,0.07), transparent 50%),
    radial-gradient(500px circle at 100% 100%, rgba(138,159,176,0.05), transparent 50%);
}

/* Creator */
.creator-avatar { background: linear-gradient(135deg, #b4c4d2, #8a9fb0); color: #060809; }
.creator-ig { border-color: rgba(180,196,210,0.18); background: rgba(180,196,210,0.04); }
.creator-ig:hover { color: #b4c4d2; border-color: rgba(180,196,210,0.32); background: rgba(180,196,210,0.07); }

/* Btn accent → plateado */
.btn--accent {
  background: linear-gradient(135deg, #c8d8e6, #9ab0c2);
  border-color: rgba(180,196,210,0.4);
  color: #080c10;
  box-shadow: 0 18px 44px -18px rgba(140,170,200,0.35);
}
.btn--accent:hover {
  background: linear-gradient(135deg, #dae6f0, #b4c4d2);
  box-shadow: 0 24px 52px -18px rgba(140,170,200,0.5);
}

/* Product badges */
.product-badge { border-color: rgba(180,196,210,0.15); color: var(--ink-soft); }
.product-badge--live { color: #b4c4d2; border-color: rgba(180,196,210,0.3); }
.product-price__currency { color: #b4c4d2; }
.product-feature svg { color: #b4c4d2; }
.product-visual__glow { background: radial-gradient(60% 60% at 50% 40%, rgba(140,170,200,0.10), transparent 70%); }
.product-visual__icon { color: #b4c4d2; }
.product-card__guarantee svg { color: #b4c4d2; }

/* Search */
.search-bar:focus-within { border-color: rgba(180,196,210,0.35); box-shadow: 0 0 0 3px rgba(180,196,210,0.07); }

/* Resource cards (si se usa neutral en recursos algún día) */
.resource-card__tab { background: linear-gradient(90deg, #b4c4d2, #8a9fb0); }
.resource-card:hover { border-color: rgba(180,196,210,0.32); }
.resource-card__cat { background: rgba(180,196,210,0.07); color: #b4c4d2; border-color: rgba(180,196,210,0.14); }
.resource-card:hover .resource-card__title { color: #d0dce6; }
.resource-card__cta { color: #b4c4d2; }