@charset "UTF-8";

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

/* ── Hero ── */
.ex-hero{background:var(--hero-bg);padding:var(--hero-pad-t) var(--gutter) var(--hero-pad-b);position:relative;overflow:hidden;}
.ex-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 0%,var(--g700) 0%,transparent 60%);pointer-events:none;}
.ex-hero-in{max-width:1280px;margin:0 auto;position:relative;z-index:1;}
.ex-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.ex-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.1;margin-bottom:14px;}
h1.ex-hero-h em{font-style:italic;color:var(--g200);}
.ex-hero-sub{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.75;max-width:620px;}

/* ── Wrap + grid ── */
.ex-grid-sec{padding:56px var(--gutter) 72px;}
.ex-wrap{max-width:1280px;margin:0 auto;}
.ex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media(max-width:1100px){.ex-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:780px){.ex-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.ex-grid{grid-template-columns:1fr;}}

.ex-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow var(--ease-m),transform var(--ease-m);}
.ex-card:hover{box-shadow:var(--sh-l);transform:translateY(-4px);}
.ex-card-img{position:relative;height:170px;overflow:hidden;}
.ex-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.ex-card:hover .ex-card-img img{transform:scale(1.06);}
.ex-card-ov{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(18,24,14,.1) 0%,rgba(18,24,14,.5) 100%);}
.ex-card-ic{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:var(--r);background:rgba(255,255,255,.92);color:var(--g600);display:flex;align-items:center;justify-content:center;font-size:.95rem;backdrop-filter:blur(4px);}
.ex-card-body{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column;}
.ex-card-t{font-family:var(--ff-d);font-size:1.05rem;font-weight:600;color:var(--t900);margin-bottom:8px;letter-spacing:-.01em;}
.ex-card-desc{font-size:.83rem;color:var(--t500);line-height:1.65;margin-bottom:16px;flex:1;}
.ex-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}
.ex-card-count{font-size:.75rem;font-weight:600;color:var(--t300);}
.ex-card-go{font-size:.8rem;font-weight:600;color:var(--g600);display:inline-flex;align-items:center;gap:6px;}
.ex-card-go i{transition:transform var(--ease);}
.ex-card:hover .ex-card-go i{transform:translateX(4px);}

/* ── CTA ── */
.ex-cta{background:var(--g900);padding:64px var(--gutter);position:relative;overflow:hidden;}
.ex-cta::before{content:'';position:absolute;top:-120px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(74,119,64,.2) 0%,transparent 65%);pointer-events:none;}
.ex-cta-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;position:relative;z-index:1;}
.ex-cta-copy{max-width:560px;}
.ex-cta-eye{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g300);margin-bottom:12px;}
.ex-cta-t{font-family:var(--ff-d);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:600;color:#fff;letter-spacing:-.025em;line-height:1.12;margin-bottom:12px;}
.ex-cta-t em{font-style:italic;color:var(--g200);}
.ex-cta-sub{font-size:.92rem;color:rgba(255,255,255,.5);line-height:1.7;}
.ex-cta-act{display:flex;gap:10px;flex-wrap:wrap;}
.ex-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:.85rem 1.7rem;border-radius:var(--r);text-decoration:none;transition:background var(--ease);}
.ex-btn-primary:hover{background:var(--g600);}
.ex-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:.85rem 1.7rem;border-radius:var(--r);text-decoration:none;transition:all var(--ease);}
.ex-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);}