/* Herbruikbare secties (SitePilot, site.json secties en plaatsing), 27-10-2026. Eigen css, los van Elementor.
   Selectors beginnen met section.sp-sectie zodat ze winnen van gescopede paginastijlen (.sp-rdw h2 maakte de kop zwart, 27-10-2026). */
section.sp-sectie{padding:80px 0;color:#fff}
section.sp-sectie.sp-sectie-donker{background:linear-gradient(120deg,#0F1A20,#123244 60%,#0690BD)}
section.sp-sectie .sp-sectie-inner{max-width:1200px;margin:0 auto;padding:0 24px}
section.sp-sectie h2{color:#fff;font-size:34px;line-height:1.2;margin:0 0 16px;text-transform:uppercase;font-weight:600}
section.sp-sectie h3{color:#fff;text-align:center;margin:0 0 18px;font-size:20px;text-transform:uppercase;font-weight:600}
section.sp-sectie p{color:rgba(255,255,255,.88);font-size:17px;line-height:1.65;max-width:620px;margin:0 0 18px}
section.sp-sectie .sp-eyebrow{display:block;color:#00A5DB;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
section.sp-sectie .sp-sectie-split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
section.sp-sectie .sp-sectie-beeld img{width:100%;height:auto;max-width:520px;display:block;margin:0 auto}
section.sp-sectie .sp-checks{list-style:none;margin:0;padding:0}
section.sp-sectie .sp-checks li{position:relative;padding-left:28px;margin:0 0 8px;color:#fff;font-size:16px}
section.sp-sectie .sp-checks li::before{content:"\2713";position:absolute;left:0;top:0;color:#00A5DB;font-weight:700}
section.sp-sectie .sp-sectie-tekst{text-align:center;max-width:720px;margin:0 auto}
section.sp-sectie .sp-sectie-tekst p{margin-left:auto;margin-right:auto}
section.sp-sectie .sp-sectie-formulier{margin-top:48px}
section.sp-sectie .sp-sectie-formulier .sp-form{max-width:900px;margin:0 auto}
@media (max-width:900px){section.sp-sectie .sp-sectie-split{grid-template-columns:1fr}section.sp-sectie h2{font-size:28px}}
/* lichte variant (sp-sectie-licht) voor secties midden op een pagina: pakketadvies, zekerheden, vragen (27-10-2026) */
section.sp-sectie.sp-sectie-licht{background:#F4F7F9;color:#1D2327}
section.sp-sectie.sp-sectie-licht h2,section.sp-sectie.sp-sectie-licht h3{color:#0F1A20}
section.sp-sectie.sp-sectie-licht p,section.sp-sectie.sp-sectie-licht li{color:#3A4750}
section.sp-sectie.sp-sectie-licht a:not(.elementor-button){color:#0690BD}
section.sp-sectie.sp-sectie-band{padding:36px 0}
section.sp-sectie .sp-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
section.sp-sectie .sp-band p{margin:0;max-width:760px}
section.sp-sectie .sp-band strong{color:#0F1A20}
section.sp-sectie .sp-zekerheden{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
section.sp-sectie .sp-zekerheden li{background:#fff;border-radius:12px;padding:22px;box-shadow:0 1px 3px rgba(15,26,32,.08);margin:0}
section.sp-sectie .sp-zekerheden strong{display:block;color:#0F1A20;font-size:17px;margin-bottom:6px}
section.sp-sectie .sp-zekerheden span{font-size:15px;line-height:1.55}
section.sp-sectie .sp-vragen{max-width:820px;margin:0 auto}
section.sp-sectie .sp-vragen h2{text-align:center;margin-bottom:28px}
section.sp-sectie details.sp-faq{background:#fff;border-radius:10px;margin:0 0 10px;padding:0 20px;box-shadow:0 1px 3px rgba(15,26,32,.08)}
section.sp-sectie details.sp-faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:#0F1A20;font-size:17px}
section.sp-sectie details.sp-faq p{margin:0 0 16px;max-width:none}
section.sp-sectie .sp-midden{text-align:center;margin-top:28px}
@media (max-width:1000px){section.sp-sectie .sp-zekerheden{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){section.sp-sectie .sp-zekerheden{grid-template-columns:1fr}}