/* Italpark — Pagine-articolo "Guide e Consigli" (CMS id 9-14): hero editoriale + colonna di lettura elegante. */
body.page-cms .page-header{display:none} /* intestazione di default sostituita dall'hero */
body.page-cms,#gp{--forest:#2D4F1D;--ink:#2a2620;--soft:#544d40;--bronze:#9a7b3f;--line:#e0dbd0;--cream:#f4efe4}

/* ---- HERO (piena larghezza) ---- */
#gp .gp-hero{margin:0 auto;text-align:center;padding:clamp(10px,2vw,22px) 0 0}
#gp .gp-back{display:inline-flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--forest);text-decoration:none;margin-bottom:clamp(22px,3vw,38px)}
#gp .gp-back em{font-style:normal;transition:transform .3s ease}
#gp .gp-back:hover em{transform:translateX(-4px)}
#gp .gp-eye{display:block;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--bronze);margin-bottom:16px}
#gp .gp-title{font-family:'Cormorant',Georgia,serif;font-weight:600;font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.08;color:var(--ink);margin:0 auto;max-width:22ch}
#gp .gp-rule{width:60px;height:1px;background:var(--bronze);margin:22px auto 0;opacity:.9}
#gp .gp-media{position:relative;margin:clamp(30px,4vw,50px) auto 0;aspect-ratio:16/7;max-height:480px;overflow:hidden;border:1px solid var(--line);background:#0c0a07}
#gp .gp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

/* ---- CONTENUTO A PIENA LARGHEZZA ---- */
/* colonna di lettura centrata per guide/pagine standard (NON la variante a card) */
body.page-cms:not(.gp-cards) #content.page-content--cms,
body.page-cms:not(.gp-cards) .page-content--cms{max-width:880px;margin:0 auto 2.6em;padding:0}
/* stacco cover->testo: batte il flush !important di sacrihero (specificita 2 id) aggiungendo #center-column */
body.page-cms:not(.gp-cards) #center-column #content.page-content--cms{padding-top:clamp(42px,4.5vw,64px) !important}
/* variante a card (Consegna/Manutenzione): piena larghezza come prima */
body.page-cms.gp-cards #content.page-content--cms,
body.page-cms.gp-cards .page-content--cms{max-width:none;margin:clamp(34px,4.5vw,56px) 0 2.6em;padding:0}

/* ---- TIPOGRAFIA CONTENUTO ---- */
.page-content--cms h2{font-family:'Cormorant',Georgia,serif;font-weight:600;color:var(--forest);font-size:1.85em;line-height:1.14;border-left:4px solid var(--forest);padding-left:.62em;margin:2.1em 0 .55em}
.page-content--cms h3{color:var(--ink);font-size:1.18em;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:.25em;margin:1.6em 0 .5em}
.page-content--cms p{text-align:justify;line-height:1.88;font-size:1.02rem;color:var(--ink);margin:0 0 1.15em}
/* ATTACCO EDITORIALE (stile rivista): primo paragrafo = occhiello serif + CAPOLETTERA su ~3 righe. Escluso il box .italpark-intro (guida 14) che e gia un lede. */
body.page-cms:not(.gp-cards) .page-content--cms > div:first-child:not(.italpark-intro) > p:first-child{font-family:'Cormorant',Georgia,serif;font-size:1.5rem;line-height:1.6;font-weight:500;color:var(--ink);text-align:left;margin-bottom:1.3em}
body.page-cms:not(.gp-cards) .page-content--cms > div:first-child:not(.italpark-intro) > p:first-child::first-letter{float:left;font-family:'Cormorant',Georgia,serif;font-weight:600;font-size:5.4em;line-height:.72;color:var(--forest);margin:.06em .1em -.02em 0}
.page-content--cms ul,.page-content--cms ol{line-height:1.86;font-size:1.02rem;color:var(--ink);padding-left:1.4em;margin:0 0 1.15em}
.page-content--cms li{margin-bottom:.4em}
.page-content--cms a{color:var(--forest);text-decoration:underline;text-underline-offset:2px}
.page-content--cms a:hover{color:#4a7a2e}
.page-content--cms strong{color:var(--forest)}
.page-content--cms img{max-width:100%;height:auto}
.page-content--cms table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:.92em;margin:0 0 1.2em}

/* box intro / CTA (classi già nel contenuto portato da Woo) */
.page-content--cms .italpark-intro{border-left:6px solid var(--forest);background:#f7f9f5;padding:1em 1.2em 1em 1.4em;border-radius:0 4px 4px 0;margin:0 0 1.7em}
.page-content--cms .italpark-intro p{text-align:left;margin:0}
.page-content--cms .italpark-cta-box{background:var(--forest);color:#fff;padding:1.4em 1.4em;border-radius:4px;margin-top:2.4em;text-align:center}
.page-content--cms .italpark-cta-box p{color:#fff!important;margin:0 0 .8em;text-align:center}
.page-content--cms .italpark-cta-box a{display:inline-block;background:#fff;color:var(--forest)!important;font-weight:700;padding:.55em 1.5em;border-radius:3px;text-decoration:none}
.page-content--cms .italpark-cta-box a:hover{background:#f0ede8}

/* ---- "Vedi anche" (link reciproco pagine correlate) ---- */
#gp-related{margin-top:clamp(36px,5vw,58px);padding-top:clamp(24px,3vw,34px);border-top:1px solid #e0dbd0;display:flex;flex-direction:column;gap:9px}
#gp-related .gp-rel-lead{font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#9a7b3f}
#gp-related .gp-rel-link{display:inline-flex;align-items:baseline;gap:11px;text-decoration:none;color:#2D4F1D;width:fit-content}
#gp-related .gp-rel-title{font-family:'Cormorant',Georgia,serif;font-weight:600;font-size:clamp(1.3rem,2.2vw,1.72rem);line-height:1.2}
#gp-related .gp-rel-link em{font-style:normal;transition:transform .3s ease}
#gp-related .gp-rel-link:hover em{transform:translateX(5px)}
#gp-related .gp-rel-link:hover .gp-rel-title{text-decoration:underline;text-underline-offset:3px}

@media(max-width:620px){.page-content--cms h2{font-size:1.55em}#gp .gp-media{aspect-ratio:16/9}}

/* ===== Consegna: hero BANNER (titolo+payoff sull'immagine) + griglia CARD 2 colonne ===== */
.gp-cards #gp .gp-hero--band{padding:0}
.gp-cards #gp .gp-hero--band .gp-media{position:relative;height:clamp(300px,30vw,400px);aspect-ratio:auto;max-height:none;margin:0;border:0}
.gp-cards #gp .gp-hero--band .gp-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,5,.8),rgba(10,8,5,.4) 48%,rgba(10,8,5,.08) 82%)}
.gp-cards #gp .gp-hero--band .gp-cap{position:absolute;z-index:2;left:clamp(24px,5vw,74px);right:24px;bottom:clamp(26px,4vw,50px);color:#f4efe4;max-width:640px;text-align:left}
.gp-cards #gp .gp-hero--band .gp-cap-title{display:block;font-family:'Cormorant',Georgia,serif;font-weight:600;font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;text-shadow:0 3px 18px rgba(0,0,0,.5)}
.gp-cards #gp .gp-hero--band .gp-cap-sub{display:block;margin-top:12px;font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(.96rem,1.4vw,1.12rem);line-height:1.6;color:rgba(244,239,228,.94);max-width:52ch;text-shadow:0 2px 10px rgba(0,0,0,.5)}

.gp-cards .cons-grid{column-count:2;column-gap:clamp(26px,2.8vw,42px);margin-top:clamp(30px,4vw,48px)}
.gp-cards .cons-card{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 clamp(22px,2.4vw,30px);background:#faf7f0;border:1px solid #e6dfce;padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,32px)}
.gp-cards .cons-card h2{margin:0 0 .7em!important;border-left:0!important;padding:0 0 .45em!important;border-bottom:1px solid #e6dfce;font-size:1.5em!important;line-height:1.14}
.gp-cards .cons-card h3{margin:1.1em 0 .4em}
.gp-cards .cons-card p{text-align:left;font-size:.98rem;margin:0 0 .8em}
.gp-cards .cons-card ul,.gp-cards .cons-card ol{font-size:.98rem;margin:0 0 .7em}
.gp-cards .cons-card li{margin-bottom:.3em}
@media(max-width:760px){.gp-cards .cons-grid{column-count:1}.gp-cards #gp .gp-hero--band .gp-media{height:clamp(240px,46vw,320px)}}