/* Page Gestion locative */

/* Bandeaux bleus (en-tête de page et appel à l'action) */
.gestion__band{position:relative;overflow:hidden;max-width:1420px;margin:0 auto;border-radius:clamp(24px,3vw,36px);background:var(--bleu);color:#fff}
.gestion__wm--hero{left:-10%;right:auto;top:-30%;height:160%;opacity:.05}
.gestion__wm--cta{right:-4%;top:-40%;height:180%;opacity:.06}
.gestion__btns{display:flex;flex-wrap:wrap;gap:10px}
.gestion__btns--hero{padding-top:6px}
.gestion__tel{gap:10px;padding:0 22px;border-color:rgba(255,255,255,.45)}
.gestion__tel:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);color:#fff}

/* En-tête de page */
.gestion__hero-sec{padding:12px var(--gutter-lg) 0}
.gestion__hero{position:relative;display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,24px);padding:clamp(10px,1.4vw,18px)}
.gestion__hero-txt{flex:1.1 1 440px;min-width:0;padding:clamp(20px,4vw,56px) clamp(12px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:20px}
.gestion__crumb{display:flex;gap:10px;align-items:center;font:400 13.5px/1 var(--sans);color:#fff}
.gestion__crumb a{color:#fff;opacity:.8;transition:opacity .2s}
.gestion__crumb a:hover{opacity:1;color:#fff}
.gestion__crumb-dot{width:4px;height:4px;border-radius:50%;background:var(--sable)}
.gestion__h1{font:400 clamp(38px,4.8vw,70px)/.98 var(--serif);letter-spacing:-.015em;color:#fff;text-wrap:balance}
.gestion__h1 em,.gestion__cta-h2 em{font-style:italic;color:var(--sable)}
.gestion__hero-p{max-width:500px;font:400 16.5px/1.6 var(--sans);color:#fff;opacity:.9;text-wrap:pretty}
.gestion__hero-photo{flex:1 1 360px;min-width:0;position:relative;min-height:clamp(260px,34vw,540px);border-radius:clamp(18px,2.2vw,26px);overflow:hidden;background:var(--encre)}
.gestion__hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gestion__glass{position:absolute;left:clamp(10px,1.4vw,18px);right:clamp(10px,1.4vw,18px);bottom:clamp(10px,1.4vw,18px);max-width:380px;display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--encre)}
.gestion__glass-ico{flex:none;width:46px;height:46px;border-radius:50%;background:var(--terracotta);color:var(--encre);display:flex;align-items:center;justify-content:center}
.gestion__glass-txt{display:flex;flex-direction:column;gap:4px}
.gestion__glass-k{font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bleu)}
.gestion__glass-t{font:400 19px/1.2 var(--serif);color:var(--encre)}

/* Grilles 3 colonnes → 1 colonne dès que le conteneur passe sous 780 px (même expression que la maquette) */
.gestion__grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(33.33% - 9px,(780px - 100%) * 999,100%),1fr));gap:12px}
.gestion__grid3--eng{margin-top:clamp(24px,3.6vw,48px)}
.gestion__grid3--svc{margin-top:clamp(24px,3.4vw,44px)}

/* Engagements */
.gestion__eng{padding-top:clamp(56px,8vw,120px);padding-bottom:clamp(40px,6vw,88px)}
.gestion__head-row{display:flex;flex-wrap:wrap;gap:20px 64px;align-items:flex-end;justify-content:space-between}
.gestion__head{max-width:720px}
.gestion__eng-p{max-width:420px}
.gestion__eng-card{display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2.4vw,30px);border-radius:26px;border:1px solid var(--lin)}
.gestion__avatar{width:56px;height:56px;border-radius:50%;background-color:var(--lin);background-size:cover;background-position:50% 20%}
.gestion__eng-ico{width:56px;height:56px;border-radius:50%;background:var(--creme);color:var(--bleu);display:flex;align-items:center;justify-content:center}
.gestion__eng-t{font:400 25px/1.12 var(--serif);color:var(--encre)}
.gestion__eng-d{font:400 15px/1.6 var(--sans);color:var(--encre-82)}
.gestion__eng-link{margin-top:auto;align-self:flex-start}

/* Ce que nous gérons */
.gestion__svc-sec{padding:0 var(--gutter-lg)}
.gestion__panel{max-width:1420px;margin:0 auto;border-radius:clamp(24px,3vw,36px);background:var(--creme);padding:clamp(40px,6vw,88px) clamp(20px,4vw,56px)}
.gestion__panel-in{max-width:1320px;margin:0 auto}
.gestion__svc{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,30px);border-radius:26px;background:#fff}
.gestion__svc-head{display:flex;align-items:center;gap:14px}
.gestion__svc-ico{flex:none;width:46px;height:46px;border-radius:50%;background:var(--creme);color:var(--bleu);display:flex;align-items:center;justify-content:center}
.gestion__svc-t{font:400 24px/1.1 var(--serif);color:var(--encre)}
.gestion__list{display:flex;flex-direction:column;gap:11px}
.gestion__list li{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.45 var(--sans);color:var(--encre-86)}
.gestion__list svg{flex:none;margin-top:2px}

/* Questions (grille statique, comme la maquette) */
.gestion__faq{padding-top:clamp(56px,8vw,120px);padding-bottom:clamp(56px,8vw,120px)}
.gestion__q{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid var(--sable)}
.gestion__q h3{font:400 23px/1.2 var(--serif);color:var(--encre)}
.gestion__q p{font:400 15px/1.65 var(--sans);color:var(--encre-82)}

/* Appel à l'action */
.gestion__cta-sec{padding:0 var(--gutter-lg) var(--gutter-lg)}
.gestion__cta{position:relative;max-width:1320px;margin:0 auto;padding:clamp(40px,6vw,88px) clamp(24px,4vw,64px);display:flex;flex-wrap:wrap;gap:28px 56px;align-items:flex-end;justify-content:space-between}
.gestion__cta-txt{flex:1 1 420px;max-width:680px;display:flex;flex-direction:column;gap:16px}
.gestion__cta-h2{font:400 clamp(30px,4vw,58px)/1.04 var(--serif);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.gestion__cta-p{max-width:520px;font:400 16px/1.6 var(--sans);color:#fff;opacity:.88}