/* Extension du gabarit existant guide-travaux.css, sans modification de celui-ci. */
.perche-guide .perche-map-frame{margin:22px 0 24px;border:1px solid #dce5eb;border-radius:15px;overflow:hidden;background:#f8fafb}
.perche-guide .perche-map-heading{padding:17px 21px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 18px}
.perche-guide .perche-map-heading strong{color:#0d3a5c;font-size:16px}.perche-guide .perche-map-heading span{color:#607687;font-size:12px}
.perche-guide .perche-map{height:360px;width:100%;background:#e8eff0;z-index:0}
.perche-guide .perche-map-small{height:310px}.perche-guide .perche-map-legend{display:flex;flex-wrap:wrap;gap:9px 18px;padding:15px 20px;font-size:12px;color:#425b6d}
.perche-guide .perche-map-legend span{display:inline-flex;align-items:center;gap:7px}.perche-guide .perche-map-legend i{display:inline-block;width:11px;height:11px;border-radius:50%}
.perche-guide .perche-sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.perche-guide .perche-sector{background:#f5f8fa;border:1px solid #dfe8ed;padding:23px;border-radius:13px;border-top:4px solid #caa978}
.perche-guide .perche-sector:nth-child(1){border-top-color:#0d3a5c}.perche-guide .perche-sector:nth-child(3){border-top-color:#4a8165}.perche-guide .perche-sector:nth-child(4){border-top-color:#866c9e}
.perche-guide .perche-sector .perche-tag{letter-spacing:.09em;font-weight:800;color:#667b8b;font-size:11px}
.perche-guide .perche-sector h3{margin:10px 0;color:#0d3a5c;font-size:19px}.perche-guide .perche-sector p{font-size:14px;line-height:1.7;margin:0 0 12px}.perche-guide .perche-sector p:last-child{margin-bottom:0}
.perche-guide .perche-homes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0}
.perche-guide .perche-homes>div{background:#fff;border:1px solid #dfe8ed;border-radius:13px;padding:20px}.perche-guide .perche-homes span{font-size:12px;color:#b8935f;font-weight:900;letter-spacing:.12em}
.perche-guide .perche-homes h3{margin:8px 0 10px;font-size:18px}.perche-guide .perche-homes p{font-size:14px;line-height:1.7;margin:0}
.perche-guide .leaflet-container{font-family:inherit}.perche-guide .leaflet-popup-content{font-size:13px}
@media(max-width:700px){.perche-guide .perche-sector-grid,.perche-guide .perche-homes{grid-template-columns:1fr}.perche-guide .perche-map{height:290px}.perche-guide .perche-map-small{height:260px}}

/* Enrichissement photographique : utilise une photographie déjà présente sur le site. */
.perche-guide .perche-photo-hero{background:linear-gradient(100deg,rgba(8,40,63,.97),rgba(13,58,92,.86) 48%,rgba(8,40,63,.33)),url('../img/hero/maison-coucher-soleil.webp') center 65% / cover no-repeat}
.perche-guide .perche-landscape-figure{margin:32px 0 12px;background:#f5f8fa;border-radius:15px;overflow:hidden;border:1px solid #dfe8ed}
.perche-guide .perche-landscape-figure img{display:block;width:100%;height:315px;object-fit:cover;object-position:center 67%}
.perche-guide .perche-landscape-figure figcaption{padding:12px 17px;color:#526a7a;font-size:13px;line-height:1.6}
@media(max-width:700px){.perche-guide .perche-landscape-figure img{height:225px}}