@charset "UTF-8";

/*
@copyright: CAFFEINAPURA Srls Unipersonale - All right reserved
Version: 2026.01 - 2026-06-22 00:00
Author: Roberto Cheli
Pagina: /supporto — eredita token, nav, footer, btn da base.css
*/

/* ── Hero + ricerca ── */
.sp-hero{background:var(--hero-bg);padding:var(--hero-pad-t) var(--gutter) var(--hero-pad-b);position:relative;overflow:hidden;text-align:center;}
.sp-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 0%,var(--g700) 0%,transparent 60%);pointer-events:none;}
.sp-hero-in{max-width:640px;margin:0 auto;position:relative;z-index:1;}
.sp-hero-eye{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);color:var(--g200);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px;}
h1.sp-hero-h{font-family:var(--ff-d);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:600;color:#fff;letter-spacing:-.035em;line-height:1.08;margin-bottom:14px;}
h1.sp-hero-h em{font-style:italic;color:var(--g200);}
.sp-hero-sub{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:30px;}
.sp-search{display:flex;align-items:center;gap:12px;background:var(--white);border-radius:var(--r-l);padding:0 18px;box-shadow:var(--sh-l);max-width:520px;margin:0 auto;}
.sp-search i{color:var(--t300);font-size:.95rem;}
.sp-search input{flex:1;border:none;outline:none;background:transparent;font-family:var(--ff-b);font-size:.95rem;color:var(--t900);padding:16px 0;}
.sp-search input::placeholder{color:var(--t300);}

/* ── Wrap ── */
.sp-wrap{max-width:980px;margin:0 auto;}

/* ── Categorie ── */
.sp-cats-sec{padding:48px var(--gutter) 16px;}
.sp-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:860px){.sp-cats{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.sp-cats{grid-template-columns:1fr;}}
.sp-cat{background:var(--white);border:1px solid var(--border);border-radius:var(--r-l);padding:22px 18px;text-align:center;text-decoration:none;transition:box-shadow var(--ease-m),transform var(--ease-m),border-color var(--ease);}
.sp-cat:hover{box-shadow:var(--sh-m);transform:translateY(-3px);border-color:var(--g300);}
.sp-cat-ic{width:46px;height:46px;border-radius:var(--r-l);background:var(--g100);color:var(--g600);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 auto 12px;}
.sp-cat-t{font-family:var(--ff-d);font-size:.95rem;font-weight:600;color:var(--t900);margin-bottom:4px;line-height:1.25;}
.sp-cat-n{font-size:.72rem;color:var(--t300);}

/* ── FAQ ── */
.sp-faq-sec{padding:40px var(--gutter) 72px;}
.sp-faq-group{margin-bottom:44px;scroll-margin-top:88px;}
.sp-faq-group:last-child{margin-bottom:0;}
.sp-faq-group-hd{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.sp-faq-group-ic{width:34px;height:34px;border-radius:var(--r);background:var(--g100);color:var(--g600);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.sp-faq-group-t{font-family:var(--ff-d);font-size:1.3rem;font-weight:600;color:var(--t900);letter-spacing:-.02em;}
.sp-faq-empty{text-align:center;padding:48px 20px;color:var(--t300);}
.sp-faq-empty i{font-size:1.6rem;margin-bottom:12px;display:block;}
.sp-faq-empty p{font-size:.9rem;}

/* ── Contatto banner ── */
.sp-contact{background:var(--g900);padding:56px var(--gutter);}
.sp-contact-in{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.sp-contact-t{font-family:var(--ff-d);font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:600;color:#fff;letter-spacing:-.02em;margin-bottom:6px;}
.sp-contact-sub{font-size:.9rem;color:rgba(255,255,255,.5);line-height:1.6;max-width:460px;}
.sp-contact-cta{display:flex;gap:10px;flex-wrap:wrap;}
.sp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--g500);color:#fff;font-family:var(--ff-b);font-size:.875rem;font-weight:600;padding:.8rem 1.6rem;border-radius:var(--r);text-decoration:none;transition:background var(--ease);}
.sp-btn-primary:hover{background:var(--g600);}
.sp-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);font-family:var(--ff-b);font-size:.875rem;font-weight:600;padding:.8rem 1.6rem;border-radius:var(--r);text-decoration:none;transition:all var(--ease);}
.sp-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);}