/* components.css — componenti condivisi. Linkare per ULTIMO nel (vince sulla cascata). */ /* ===== Eyebrow: uniforma SOLO la forma (font/dimensione/spaziatura/trattino). Il COLORE resta quello locale (burn su chiaro, amber su scuro) — non lo tocchiamo. ===== */ .eyebrow, .cf-eyebrow, .pv-eyebrow, .nf-eyebrow, .hero-eyebrow { font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:0.2em; text-transform:uppercase; } .eyebrow::before, .cf-eyebrow::before, .pv-eyebrow::before, .nf-eyebrow::before, .hero-eyebrow::before { width:22px; height:1px; } /* ===== Bottoni — PRIMARIO unico: gradiente caldo, pillola, testo bianco (ok su chiaro e su scuro) ===== */ .btn-primary, .srv-cta, .tag-btn, .cf-submit, .cl-cta-go, .cs-cta-go, .final .btn, .price-card .btn { background:linear-gradient(135deg,var(--burn),var(--rust)); color:#fff; border:none; border-radius:var(--r-pill); padding:15px 28px; font-weight:700; font-size:15px; cursor:pointer; box-shadow:0 10px 26px -6px rgba(183,100,45,0.45); transition:transform .18s var(--ease-out), filter .2s var(--ease-out), box-shadow .2s var(--ease-out); } .btn-primary:hover, .srv-cta:hover, .tag-btn:hover, .cf-submit:hover, .cl-cta-go:hover, .cs-cta-go:hover, .final .btn:hover, .price-card .btn:hover { transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 14px 32px -6px rgba(183,100,45,0.55); } /* ===== Ghost/secondario su CHIARO (NON includere il .btn-ghost dell'hero, che vive sul dark) ===== */ .cf-reset { background:transparent; border:1.5px solid var(--line); color:var(--ink); border-radius:var(--r-pill); padding:13px 24px; font-weight:700; font-size:14px; cursor:pointer; transition:transform .18s var(--ease-out), background-color .2s var(--ease-out); } .cf-reset:hover { transform:translateY(-2px); background:rgba(27,20,16,0.04); } /* ===== Card generiche: raggio uniforme (no ombre, no forme speciali) ===== */ .team-card, .cs-value, .channel, .contact-form, .faq-item { border-radius:var(--r-lg); }