/* ═══════════════════════════════════════════════════════════════
   Paestum Case Vacanze — il tema
   Il verde del vecchio sito per i bottoni e il marchio, il travertino
   dei templi per i fondi, il blu del mare per la fascia del territorio,
   un tocco di terracotta nei dettagli. Titoli in Fraunces, testo in Inter.
   ═══════════════════════════════════════════════════════════════ */

@font-face{font-family:'Fraunces';src:url('/tema/fonts/fraunces-latin-wght-normal.woff2') format('woff2-variations'),url('/tema/fonts/fraunces-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/tema/fonts/fraunces-latin-wght-italic.woff2') format('woff2-variations'),url('/tema/fonts/fraunces-latin-wght-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('/tema/fonts/inter-var.woff2') format('woff2-variations'),url('/tema/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Fallback';src:local('Helvetica Neue'),local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:'Serif Fallback';src:local('Georgia'),local('Times New Roman');size-adjust:98%}

:root{
  --pc-verde:#0E5A3A; --pc-verde-scuro:#0A4029; --pc-verde-chiaro:#E4EEE7;
  --pc-mare:#17435F; --pc-mare-2:#215C80;
  --pc-travertino:#EFE6D6; --pc-carta:#FAF7F1; --pc-terracotta:#B85C35;
  --pc-ink:#1D2522; --pc-ink2:#4E5A55; --pc-muto:#7C8681; --pc-riga:#E6E0D3;
  --pc-serif:"Fraunces","Serif Fallback",Georgia,serif;
  --pc-sans:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pc-wrap:1200px; --pc-r:12px;
  --go:#0E5A3A; --go-ink:#0A4029; --brand:#0E5A3A; --brand-ink:#0A4029; --primary:#0E5A3A;
  --page:#FAF7F1; --ink:#1D2522; --line:#E6E0D3; --muted:#7C8681; --card:#FFFFFF;
}

html{scroll-behavior:smooth}
body{font-family:var(--pc-sans);color:var(--pc-ink);background:var(--pc-carta);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--pc-verde)}
h1,h2,h3,.article-title{font-family:var(--pc-serif);font-weight:600;letter-spacing:-.01em;font-variation-settings:"opsz" 72}
.pc-wrap{max-width:var(--pc-wrap);margin:0 auto;padding:0 24px}
@media (max-width:640px){.pc-wrap{padding:0 16px}}

/* ── i bottoni ── */
.pc-btn, .btn, button.btn, .btn-primary, .trk-modulo button[type=submit], .nl-form button{
  background:var(--pc-verde)!important;color:#fff!important;border:1px solid var(--pc-verde);border-radius:999px;
  font-family:var(--pc-sans);font-weight:600;font-size:15px;letter-spacing:.01em;transition:background .15s,color .15s,border-color .15s}
.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;text-decoration:none;cursor:pointer;line-height:1.2}
.pc-btn:hover, .btn:hover, button.btn:hover, .btn-primary:hover{background:var(--pc-verde-scuro)!important;border-color:var(--pc-verde-scuro)}
.pc-btn--vuoto, .btn.sec, .btn-secondary{background:transparent!important;color:var(--pc-verde)!important;border:1px solid var(--pc-verde)}
.pc-btn--vuoto:hover, .btn.sec:hover, .btn-secondary:hover{background:var(--pc-verde-chiaro)!important}
.pc-btn--chiaro{background:#fff!important;color:var(--pc-verde-scuro)!important;border-color:#fff}
.pc-btn--chiaro:hover{background:var(--pc-travertino)!important}
.pc-btn:focus-visible, .btn:focus-visible{outline:3px solid var(--pc-terracotta);outline-offset:3px}
.pc-link{font-weight:600;text-decoration:none;color:var(--pc-verde);white-space:nowrap}
.pc-link:hover{text-decoration:underline}

/* ═════════ la testata del motore, vestita ═════════ */
.site-nav{background:rgba(250,247,241,.96);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--pc-riga);box-shadow:none}
.site-nav .nav-inner{max-width:var(--pc-wrap);height:80px;padding:0 24px}
.site-nav .nav-links > li > a{color:var(--pc-ink);font-family:var(--pc-sans);font-weight:600;font-size:15px;padding:10px 14px;border-radius:999px}
.site-nav .nav-links > li > a:hover, .site-nav .nav-links > li > a[aria-current]{color:var(--pc-verde);background:var(--pc-verde-chiaro)}
.site-nav .sub-menu{border:1px solid var(--pc-riga);border-radius:var(--pc-r);box-shadow:0 18px 40px -18px rgba(29,37,34,.35);padding:8px;background:#fff}
.site-nav .sub-menu a{font-weight:500;color:var(--pc-ink);border-radius:8px}
.site-nav .sub-menu a:hover{background:var(--pc-travertino);color:var(--pc-verde)}
.site-nav .head-cerca{display:none}
.site-nav .ico-btn{color:var(--pc-verde)}
.site-nav .nav-cta, .site-nav a.btn-nav-primary{background:var(--pc-verde);color:#fff;border-radius:999px;font-weight:700}
.nav-mobile-drawer{background:var(--pc-carta);border-top:1px solid var(--pc-riga)}
.nav-mobile-drawer a{font-weight:600;color:var(--pc-ink);font-size:16px}
@media (max-width:900px){.site-nav .nav-inner{height:66px;padding:0 16px}}

/* il marchio: il logo Barretta Immobiliare e, dopo una riga sottile, il nome del sito */
.nav-logo{text-decoration:none}
.pc-marchio{display:inline-flex;align-items:center;gap:14px;color:var(--pc-verde);text-decoration:none}
.pc-logo{display:block;height:50px;width:auto;flex:0 0 auto;border-radius:3px}
.pc-marchio-testo{display:flex;flex-direction:column;line-height:1;padding-left:14px;border-left:1px solid var(--pc-riga)}
.pc-marchio-testo b{font-family:var(--pc-serif);font-weight:650;font-size:27px;letter-spacing:-.015em;color:var(--pc-ink)}
.pc-marchio-testo small{font-family:var(--pc-sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pc-verde);margin-top:5px}
@media (max-width:560px){.pc-marchio--header .pc-marchio-testo{display:none}}

/* ═════════ sezioni e titoli ═════════ */
.pc-main{display:block}
.pc-sez{padding:88px 0}
.pc-sez--stretta{padding:56px 0 80px}
.pc-sez--sabbia{background:var(--pc-travertino)}
.pc-sez--mare{background:var(--pc-mare);color:#fff}
.pc-tit{font-family:var(--pc-serif);font-size:clamp(30px,3.6vw,46px);line-height:1.08;font-weight:600;margin:0 0 14px;color:var(--pc-ink)}
.pc-tit--chiaro{color:#fff}
.pc-sotto{margin:0;color:var(--pc-ink2);font-size:17px;line-height:1.6;max-width:640px}
.pc-occhiello{margin:0 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pc-terracotta)}
.pc-occhiello--chiaro{color:#F3D9B8;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.pc-sez-testa{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 36px}
.pc-sez-testa--centro{justify-content:center;text-align:center}
.pc-testo p{font-size:17px;line-height:1.75;color:var(--pc-ink2);margin:0 0 16px}
@media (max-width:700px){.pc-sez{padding:60px 0}.pc-sez-testa{flex-direction:column;align-items:flex-start}}

/* ═════════ la home ═════════ */
.pc-hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;overflow:hidden;background:var(--pc-mare)}
.pc-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-hero-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,30,26,.15) 0%,rgba(13,30,26,.25) 40%,rgba(13,30,26,.78) 100%)}
.pc-hero-dentro{position:relative;width:100%;padding-top:120px;padding-bottom:56px}
.pc-hero-testo{max-width:760px;color:#fff}
.pc-hero-tit{font-family:var(--pc-serif);font-size:clamp(40px,6.2vw,76px);line-height:1.02;font-weight:600;margin:0 0 18px;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.pc-hero-sotto{font-size:clamp(17px,1.6vw,20px);line-height:1.55;margin:0 0 32px;color:rgba(255,255,255,.92);max-width:620px}

.pc-cerca{background:#fff;border-radius:18px;padding:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);max-width:920px}
.pc-cerca-op{display:inline-flex;gap:4px;padding:4px;background:var(--pc-travertino);border-radius:999px;margin:0 0 14px}
.pc-cerca-op label{cursor:pointer}
.pc-cerca-op input{position:absolute;opacity:0;pointer-events:none}
.pc-cerca-op span{display:block;padding:8px 18px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--pc-ink2)}
.pc-cerca-op input:checked + span{background:var(--pc-verde);color:#fff}
.pc-cerca-op input:focus-visible + span{outline:2px solid var(--pc-terracotta)}
.pc-cerca-campi{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.pc-cerca-campi label{display:block;margin:0}
.pc-cerca-campi label span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muto);margin:0 0 6px}
.pc-cerca-campi select{width:100%;height:50px;padding:0 14px;border:1px solid var(--pc-riga);border-radius:12px;font:inherit;font-size:16px;background:#fff;color:var(--pc-ink)}
.pc-cerca-campi .pc-btn{height:50px;padding:0 34px}
@media (max-width:700px){.pc-cerca-campi{grid-template-columns:1fr}.pc-cerca-campi .pc-btn{width:100%}.pc-hero{min-height:auto}.pc-hero-dentro{padding-top:140px;padding-bottom:28px}}

.pc-servizi{background:#fff;border-bottom:1px solid var(--pc-riga)}
.pc-tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pc-servizi .pc-tre{gap:0}
.pc-servizio{position:relative;display:block;padding:36px 32px 34px;text-decoration:none;color:inherit;border-right:1px solid var(--pc-riga);transition:background .15s}
.pc-servizio:last-child{border-right:0}
.pc-servizio:hover{background:var(--pc-carta)}
.pc-servizio h2{font-size:22px;margin:0 0 8px;color:var(--pc-ink)}
.pc-servizio p{margin:0;color:var(--pc-ink2);line-height:1.6;font-size:15.5px;max-width:330px}
.pc-servizio span{position:absolute;top:34px;right:30px;color:var(--pc-terracotta);font-size:20px;transition:transform .15s}
.pc-servizio:hover span{transform:translateX(4px)}
@media (max-width:860px){.pc-tre{grid-template-columns:1fr}.pc-servizio{border-right:0;border-bottom:1px solid var(--pc-riga);padding:26px 16px}.pc-servizio span{top:26px;right:16px}}

.pc-griglia{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.pc-griglia .im-carta{border-radius:16px;border-color:var(--pc-riga)}

.pc-due{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pc-cornice{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;display:block;box-shadow:24px 24px 0 var(--pc-travertino)}
.pc-punti{font-family:var(--pc-serif);font-style:italic;font-size:20px!important;color:var(--pc-verde)!important;margin:22px 0 26px!important}
@media (max-width:900px){.pc-due{grid-template-columns:1fr;gap:36px}.pc-cornice{box-shadow:12px 12px 0 var(--pc-travertino)}}

.pc-terra{display:block;padding:32px 30px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:background .15s,transform .15s}
.pc-terra:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.pc-terra svg{width:46px;height:46px;color:#F3D9B8;margin:0 0 16px}
.pc-terra h3{font-size:24px;margin:0 0 8px;color:#fff}
.pc-terra p{margin:0 0 18px;line-height:1.6;color:rgba(255,255,255,.82)}
.pc-terra span{font-weight:600;color:#F3D9B8}

.pc-invito{background:var(--pc-verde);color:#fff;padding:64px 0}
.pc-invito-dentro{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.pc-invito .pc-tit{color:#fff;margin-bottom:8px}
.pc-invito p{margin:0;color:rgba(255,255,255,.88);font-size:17px;max-width:620px}
.pc-invito-azioni{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pc-invito-azioni span{color:rgba(255,255,255,.85)}
.pc-invito-azioni a:not(.pc-btn){color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}

/* ═════════ le pagine ═════════ */
.pc-testata{position:relative;background:var(--pc-travertino);padding:64px 0 46px;overflow:hidden}
.pc-testata::after{content:"";position:absolute;right:-60px;bottom:-40px;width:340px;height:340px;opacity:.09;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%230E5A3A' d='M24 5 44 15H4ZM5 17h38v3.2H5ZM8 22h4.2v16H8Zm9.2 0h4.2v16h-4.2Zm9.4 0h4.2v16h-4.2Zm9.2 0H40v16h-4.2ZM4 39.5h40v3H4Z'/%3E%3C/svg%3E") no-repeat center/contain}
.pc-testata--foto{padding:150px 0 46px;background:var(--pc-mare)}
.pc-testata-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.pc-testata-testo{position:relative;z-index:1}
.pc-testata-tit{font-size:clamp(34px,4.6vw,58px);line-height:1.05;margin:8px 0 0;color:var(--pc-ink)}
.pc-testata--foto .pc-testata-tit, .pc-testata--foto .pc-briciole, .pc-testata--foto .pc-briciole a{color:#fff}
.pc-briciole{font-size:14px;color:var(--pc-ink2);display:flex;gap:8px;flex-wrap:wrap}
.pc-briciole a{color:var(--pc-verde);text-decoration:none}
.pc-colonna{max-width:800px}
.pc-colonna .article-body{font-size:17.5px;line-height:1.75;color:var(--pc-ink2)}
.pc-colonna .article-body h2{font-size:30px;color:var(--pc-ink);margin:44px 0 14px}
.pc-colonna .article-body h3{font-size:22px;color:var(--pc-ink);margin:30px 0 8px}
.pc-colonna .article-body ul{padding-left:22px}
.pc-colonna .article-body li{margin:0 0 6px}
.pc-colonna .article-body li::marker{color:var(--pc-terracotta)}
.pc-colonna .article-body strong{color:var(--pc-ink)}

/* ═════════ gli immobili, col tema ═════════ */
.im-pagina{max-width:var(--pc-wrap);padding:44px 24px 80px}
.im-pagina > h1{font-size:clamp(34px,4.4vw,54px);line-height:1.05;margin:0 0 10px;color:var(--pc-ink)}
.im-pagina .lead{font-size:18px;color:var(--pc-ink2);line-height:1.6}
.im-filtri, .im-box, .im-carta{border-color:var(--pc-riga)}
.im-filtri{border-radius:18px;box-shadow:0 12px 30px -24px rgba(29,37,34,.4)}
.im-op-scelta{background:var(--pc-travertino)}
.im-pagina .im-op-scelta label.im-su{background:var(--pc-verde);color:#fff;box-shadow:none}
.im-carta{border-radius:16px}
.im-carta h3{font-family:var(--pc-sans);font-weight:650;letter-spacing:0}
.im-prezzo, .im-prezzo-grande{font-family:var(--pc-serif);color:var(--pc-verde-scuro)}
.im-op{background:rgba(14,90,58,.88)}
.im-bollino.im-evidenza{background:var(--pc-terracotta)}
.im-pagina .im-scelta-tipo label.im-su{background:var(--pc-verde);color:#fff;box-shadow:none}
.im-pagina .im-pagine .im-su{background:var(--pc-verde)}
.im-scheda-pagina > h1{font-size:clamp(30px,3.8vw,46px)}
.im-briciole a{color:var(--pc-verde)}
.im-invito{background:var(--pc-travertino);border:0}
@media (max-width:640px){.im-pagina{padding:28px 16px 60px}}

/* ═════════ il piè di pagina ═════════ */
.pc-footer{background:#14211C;color:rgba(255,255,255,.78);margin-top:0}
.pc-footer a{color:#fff;text-decoration:none}
.pc-footer a:hover{text-decoration:underline}
.pc-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-top:64px;padding-bottom:48px}
.pc-footer .pc-marchio{color:#9FD3B5}
.pc-footer .pc-logo{height:58px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.pc-footer .pc-marchio-testo{border-left-color:rgba(255,255,255,.18)}
.pc-footer .pc-marchio-testo b{color:#fff}
.pc-footer .pc-marchio-testo small{color:#9FD3B5}
.pc-footer-marchio p{margin:18px 0 0;line-height:1.7}
.pc-footer h3{font-family:var(--pc-sans);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F3D9B8;margin:0 0 16px}
.pc-footer ul{list-style:none;margin:0;padding:0}
.pc-footer li{margin:0 0 10px}
.pc-footer li span{color:rgba(255,255,255,.55);display:inline-block;min-width:80px}
.pc-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:13.5px}
.pc-footer-bottom .pc-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pc-footer-bottom p{margin:0}
.pc-footer-bottom ul{display:flex;gap:18px;flex-wrap:wrap}
.pc-footer-bottom li{margin:0}
@media (max-width:860px){.pc-footer-top{grid-template-columns:1fr;gap:32px;padding-top:44px}}

/* sul telefono: il marchio più corto e il telefono come icona, così il menu resta dentro lo schermo */
@media (max-width:560px){
  .pc-marchio--header .pc-logo{height:40px}
  .site-nav a.btn-nav-primary{font-size:0!important;width:40px;height:40px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
  .site-nav a.btn-nav-primary::before{content:"";width:18px;height:18px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
}