/* Bear Client web — capa de rediseño simple sobre cadence.css */
.hero.hero-logo { padding-top: 7.5rem; padding-bottom: clamp(48px, 7vw, 88px); }
.hero-mark { position: relative; width: clamp(180px, 34vw, 320px); margin: 0 auto 8px; }
.hero-mark::before { content: ""; position: absolute; inset: -18%; background: radial-gradient(closest-side, rgba(195, 202, 217, .2), transparent 70%); z-index: 0; }
.hero-mark img { position: relative; z-index: 1; width: 100%; height: auto; filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .6)); animation: bearfloat 7s ease-in-out infinite; }
@keyframes bearfloat { 50% { transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) { .hero-mark img { animation: none; } }
.hero-word { font-size: clamp(2.6rem, 8vw, 5rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.02; }
.hero-word small { display: block; font: 500 clamp(.7rem, 1.6vw, .9rem)/1 var(--font-mono); letter-spacing: .5em; color: var(--text-3); margin-top: 14px; padding-left: .5em; }
.hero.hero-logo .lede { margin-top: 22px; }
.hero.hero-logo .hero-cta { margin-top: 28px; }
.vstrip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.vstrip figure { margin: 0; border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--line); position: relative; aspect-ratio: 16/10; background: var(--surface); }
.vstrip img { width: 100%; height: 100%; object-fit: cover; }
.vstrip figcaption { position: absolute; left: 8px; bottom: 8px; padding: 3px 9px; border-radius: var(--r-pill); font: 500 .74rem/1.4 var(--font-mono); background: rgba(8, 9, 11, .7); color: var(--text); backdrop-filter: blur(6px); }
.duo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.duo .feat { text-decoration: none; }
.sec.tight { padding-block: clamp(48px, 7vw, 96px); }
.plus-g { color: #00ff00; text-shadow: 0 0 12px rgba(0, 255, 0, .55); font-weight: 700; }
/* Mods */
.mods-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.mod-card { padding: 22px; display: grid; gap: 10px; align-content: start; }
.mod-card h3 { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.mod-card .loader { font: 500 .72rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.mod-card .tags { display: flex; gap: 6px; flex-wrap: wrap; }
.mods-note { margin-top: 28px; display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
@media (max-width: 860px) { .vstrip { grid-template-columns: repeat(3, 1fr); } .duo, .mods-note { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .vstrip { grid-template-columns: repeat(2, 1fr); } }
/* Módulos */
.mod-tools { display: grid; gap: 14px; margin-bottom: 28px; }
.mod-tools input { height: 46px; padding: 0 16px; border-radius: var(--r-sm); border: 1px solid var(--line-2); background: var(--surface); color: var(--text); font: inherit; max-width: 420px; width: 100%; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; }
.chip { height: 36px; padding: 0 14px; border-radius: var(--r-pill); border: 1px solid var(--line-2); background: rgba(255,255,255,.035); color: var(--text-2); font-size: .88rem; }
.chip b { font: 500 .75rem var(--font-mono); color: var(--text-3); margin-left: 4px; }
.chip.on { background: var(--accent); color: var(--accent-ink); border-color: transparent; } .chip.on b { color: inherit; }
.mod-cat { margin-bottom: 40px; } .mod-cat[hidden], .mod-card[hidden] { display: none; }
.mod-cat h2 { margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.mods-sm { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .mods-sm .mod-card { padding: 18px; gap: 6px; } .mods-sm p { font-size: .9rem; }
.mods-empty { color: var(--text-3); }