From 9126af28cea5917f12d99995ffc9d3e15d0b5c0c Mon Sep 17 00:00:00 2001 From: "Adriano (goldrake)" Date: Tue, 29 Sep 2026 19:50:48 +0000 Subject: [PATCH] Reformer Class: bottone calendario taupe, meno scuro (#19) Co-Authored-By: Claude Opus 5.5 (1M context) --- src/pages/services/[slug].astro | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/pages/services/[slug].astro b/src/pages/services/[slug].astro index 4027ca8..e28268c 100644 --- a/src/pages/services/[slug].astro +++ b/src/pages/services/[slug].astro @@ -144,8 +144,9 @@ const tones = ['tan', 'taupe', 'dark']; .prog__other { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--c-text); margin-bottom: 14px; font-family: var(--font-heading); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; } .prog__other:hover { color: var(--c-accent-dark); } /* Il calendario dei corsi (popup) รจ staccato dall'elenco degli altri servizi e pieno - nel colore d'accento: il cliente lo vuole evidente (InsanityLab-web#19). */ - .prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: var(--c-dark); color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; } + nel colore d'accento: il cliente lo vuole evidente (InsanityLab-web#19). Taupe e non + --c-dark: Adriano 29/09 lo vuole meno scuro; bianco su #6b5d5b resta leggibile (~6:1). */ + .prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: #6b5d5b; color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; } .prog__calendario:hover { background: var(--c-accent-dark); } .prog__cta { margin: 10px 0 30px; } .prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; }