/* Pancafit® – Metodo Raggi®: sezioni aggiunte (pagina pancafit.html, home, Marco, Elisa, Pilates, Massoterapia) */
:root{--pf-blue:#188bf6;--pf-cyan:#2baae1;--pf-dark:#193b45;--pf-teal:#264653;--pf-ink:#111827;--pf-mut:#4b5563;--pf-soft:#f2f9f8;--pf-line:#e5e7eb;--pf-wa:#25d366}
.pf,.pf *{box-sizing:border-box}
.pf{font-family:'Montserrat',sans-serif;color:var(--pf-ink);line-height:1.6;font-size:16px}
.pf-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.pf-sec{padding:80px 0}
.pf-soft{background:var(--pf-soft)}
.pf-darkbg{background:var(--pf-teal);color:#fff}
.pf h1,.pf h2,.pf h3{font-family:'Montserrat',sans-serif;margin:0 0 14px;line-height:1.2}
.pf h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;text-transform:uppercase;letter-spacing:-.3px}
.pf h3{font-size:20px;font-weight:800;text-transform:uppercase}
.pf p{margin:0 0 14px}
.pf-kicker{display:inline-block;background:#000;color:#fff;font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:5px 10px;margin-bottom:14px}
.pf-darkbg .pf-kicker{background:#fff;color:#000}
.pf-lead{font-size:18px;color:var(--pf-mut);max-width:760px}
.pf-darkbg .pf-lead{color:#d5e6ea}
/* testo sempre bianco sulle sezioni a sfondo scuro */
.pf .pf-darkbg h2,.pf .pf-darkbg h3,.pf .pf-darkbg p,.pf .pf-darkbg strong,.pf .pf-darkbg li,.pf .pf-darkbg .pf-lead{color:#fff!important}
.pf .pf-darkbg p.pf-note{color:#c9dade!important}
.pf-method img{border-color:rgba(255,255,255,.35)!important}
.pf-reg{font-size:.7em;vertical-align:super}

/* pulsanti */
.pf-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pf-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:5px;font-weight:800;font-size:14px;text-transform:uppercase;text-decoration:none!important;border:2px solid transparent;transition:transform .15s,box-shadow .15s;line-height:1.2;cursor:pointer}
.pf-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.pf-btn svg{width:18px;height:18px;flex:0 0 18px;fill:currentColor}
.pf-btn-main{background:var(--pf-cyan);color:#fff!important}
.pf-btn-dark{background:#000;color:#fff!important}
.pf-btn-wa{background:var(--pf-wa);color:#fff!important}
.pf-btn-line{border-color:currentColor;color:var(--pf-ink)!important;background:transparent}
.pf-darkbg .pf-btn-line,.pf-hero .pf-btn-line{color:#fff!important}
.pf-btn-sm{padding:9px 13px;font-size:12px}

/* hero pagina */
.pf-hero{position:relative;margin-top:100px;min-height:620px;display:flex;align-items:flex-end;color:#fff;background:#000 center/cover no-repeat}
.pf-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 100%)}
.pf-hero .pf-wrap{position:relative;padding-top:120px;padding-bottom:70px;width:100%}
.pf-hero h1{font-size:clamp(34px,5vw,58px);font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:10px}
.pf-hero .pf-sub{font-size:clamp(18px,2vw,24px);font-weight:600;margin-bottom:14px;color:#f2f9f8}
.pf-hero p{max-width:640px;color:#e5e7eb}
.pf-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;padding:0;list-style:none}
.pf-pills li{border:1px solid rgba(255,255,255,.5);border-radius:30px;padding:5px 13px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}

/* striscia */
.pf-strip{background:#000;color:#fff;text-align:center;font-weight:800;font-size:15px;letter-spacing:1px;text-transform:uppercase;padding:18px 16px}
.pf-strip span{color:var(--pf-cyan);margin:0 10px}

/* layout 2 colonne */
.pf-split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.pf-split img{width:100%;height:440px;object-fit:cover;border:1px solid #000;display:block}

/* formati */
.pf-formats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.pf-card{background:#fff;border:1px solid #000;border-radius:6px;padding:30px;display:flex;flex-direction:column;position:relative;box-shadow:6px 6px 0 #000}
.pf-card .pf-badge{position:absolute;top:-13px;left:24px;background:var(--pf-cyan);color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.pf-card h3{font-size:24px;margin-bottom:4px}
.pf-card .pf-tagline{font-weight:700;color:var(--pf-blue);margin-bottom:14px}
.pf-card ul{list-style:none;padding:0;margin:0 0 16px}
.pf-card li{padding:6px 0 6px 28px;position:relative;border-bottom:1px dashed var(--pf-line)}
.pf-card li:before{content:"";position:absolute;left:0;top:10px;width:18px;height:18px;border-radius:50%;background:var(--pf-cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat}
.pf-card .pf-meta{font-size:14px;color:var(--pf-mut);margin-bottom:6px}
.pf-card .pf-btns{margin-top:auto;padding-top:10px}
.pf-tip{margin-top:28px;background:#fff;border-left:5px solid var(--pf-cyan);padding:16px 20px;font-weight:600}

/* benefici */
.pf-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.pf-ben{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:22px}
.pf-ben .pf-ico{width:42px;height:42px;border-radius:50%;background:var(--pf-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.pf-ben .pf-ico svg{width:22px;height:22px;fill:#fff}
.pf-ben h3{font-size:16px;margin-bottom:6px;color:#fff}
.pf-ben p{font-size:14.5px;color:#d5e6ea;margin:0}

/* a chi è utile */
.pf-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pf-chips span{background:#fff;border:1px solid #000;border-radius:30px;padding:8px 16px;font-weight:700;font-size:14px}

/* operatori */
.pf-team{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.pf-pro{display:grid;grid-template-columns:170px 1fr;border:1px solid #000;border-radius:6px;overflow:hidden;background:#fff}
.pf-pro img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}
.pf-pro>div{padding:20px}
.pf-pro h3{font-size:19px;margin-bottom:2px}
.pf-pro .pf-role{color:var(--pf-blue);font-weight:700;font-size:13px;text-transform:uppercase;margin-bottom:10px}
.pf-pro p{font-size:14.5px;color:var(--pf-mut)}

/* materiali */
.pf-docs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.pf-doc{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;border:1px solid #000;border-radius:6px;padding:16px;background:#fff}
.pf-doc img{width:120px;border:1px solid var(--pf-line);box-shadow:0 4px 12px rgba(0,0,0,.12);display:block}
.pf-doc h3{font-size:16px;margin-bottom:4px}
.pf-doc p{font-size:14px;color:var(--pf-mut);margin-bottom:8px}

/* FAQ */
.pf-faq{max-width:860px;margin-top:24px}
.pf-faq details{border-bottom:1px solid #000;padding:16px 0}
.pf-faq summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none;position:relative;padding-right:34px}
.pf-faq summary::-webkit-details-marker{display:none}
.pf-faq summary:after{content:"+";position:absolute;right:4px;top:-4px;font-size:26px;font-weight:400;color:var(--pf-blue)}
.pf-faq details[open] summary:after{content:"–"}
.pf-faq details p{margin:10px 0 0;color:var(--pf-mut)}

/* prenota */
.pf-book{text-align:center}
.pf-book .pf-btns{justify-content:center}
.pf .pf-note{font-size:12.5px;color:#9fb6bd;max-width:820px;margin:30px auto 0;text-align:center}
.pf-soft .pf-note,.pf-box .pf-note{color:var(--pf-mut)}

/* banner novità home */
.pf-news{padding:70px 0;background:#fff}
.pf-news .pf-split{grid-template-columns:1fr 1fr}
.pf-news h2{font-style:italic}
.pf-news img{height:400px}

/* card servizi home (slot vuoto della griglia) */
#col-YynXX6IgrR.pf-service{padding:250px 0 0;border:1px solid #000;position:relative;margin:0;width:100%;background:url(../img/69397cbfb26327404d93798f-09487426.webp) center/cover no-repeat}
#col-YynXX6IgrR.pf-service>.inner{flex-direction:column;justify-content:flex-end;align-items:flex-start;flex-wrap:nowrap}
#col-YynXX6IgrR.pf-service>.inner{position:relative;z-index:1}

/* riquadro pagine professionisti */
.pf-box{border:1px solid #000;border-radius:6px;background:#fff;padding:34px;box-shadow:8px 8px 0 #000}
.pf-box .pf-formats{margin-top:20px}
.pf-box .pf-card{box-shadow:none;padding:24px}
.pf-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border:1px solid #000;border-radius:6px;padding:24px 28px;background:var(--pf-soft)}
.pf-callout h3{margin:0 0 4px}
.pf-callout p{margin:0;color:var(--pf-mut)}
.pf-inline-link{color:var(--pf-blue)!important;font-weight:700;text-decoration:underline!important}

/* barra mobile fissa (solo pagina Pancafit) */
.pf-mbar{display:none}

@media (max-width:900px){
  .pf-sec{padding:56px 0}
  .pf-split,.pf-news .pf-split,.pf-formats,.pf-team,.pf-docs{grid-template-columns:1fr}
  .pf-grid3{grid-template-columns:1fr 1fr}
  .pf-split img,.pf-news img{height:300px}
  .pf-hero{min-height:520px}
}
@media (max-width:600px){
  .pf-wrap{padding:0 16px}
  .pf-grid3{grid-template-columns:1fr}
  .pf-pro{grid-template-columns:1fr}
  .pf-pro img{height:260px;min-height:0}
  .pf-doc{grid-template-columns:90px 1fr}
  .pf-doc img{width:90px}
  .pf-card,.pf-box{padding:22px}
  .pf-box{box-shadow:4px 4px 0 #000}
  .pf-card{box-shadow:4px 4px 0 #000}
  .pf-btn{width:100%;justify-content:center}
  .pf-strip{font-size:12px}
  .pf-strip span{margin:0 4px}
  body.pf-page{padding-bottom:64px}
  .pf-mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:999;box-shadow:0 -4px 14px rgba(0,0,0,.2)}
  .pf-mbar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 8px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;color:#fff!important;text-decoration:none!important}
  .pf-mbar a svg{width:18px;height:18px;fill:#fff}
  .pf-mbar .pf-m-call{background:#000}
  .pf-mbar .pf-m-wa{background:var(--pf-wa)}
}