/* Event planner programme — shared layout for the ES and EN content. */
.interior:has(.planner-hero){padding-bottom:80px}
.planner-hero .use-hero{position:relative;isolation:isolate}
.planner-hero .use-hero::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url("/media/2025/03/planner-background.jpg") center/cover;opacity:.045;pointer-events:none}
.planner-hero .use-hero-media>.feature-icon{display:none}
.interior .planner-benefits-heading{padding:0;margin:0 0 24px}
.planner-benefits-heading>.group>.group{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.planner-benefits-heading h3{max-width:500px;font-size:clamp(27px,3.2vw,38px);margin:0;line-height:1.2;text-wrap:balance}
.planner-benefits-heading .counter{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:16px 24px;border:1px solid #ff887b40;background:#ff887b0a;border-radius:18px}
.planner-benefits-heading .counter strong{font-size:52px;line-height:1;letter-spacing:-.06em}
.planner-benefits-heading .counter strong::after{content:"%";font-size:.55em;vertical-align:top;line-height:1.5}
.planner-benefits-heading .counter p{max-width:100px;font-size:14px;line-height:1.5}
.interior .planner-benefits{padding:0;margin:0 0 88px}
.planner-benefits .layout-columns{gap:18px}
.planner-benefits .icon-box{flex-direction:column;align-items:flex-start;gap:24px;padding:28px;border-radius:22px;background:linear-gradient(145deg,#ffffff07,#ffffff02)}
.planner-benefits .icon-box h3{font-size:20px;line-height:1.35;margin:0 0 13px;letter-spacing:-.025em}
.planner-benefits .icon-box p{font-size:14px;line-height:1.85}
.interior .planner-feature{padding:32px;margin:0 0 24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#ffffff05,transparent)}
.planner-feature>.layout-columns{align-items:center!important;gap:56px;grid-template-columns:1fr 1fr}
.interior .planner-feature>.layout-columns>.group:has(>h2){padding:12px;border:0;border-radius:0;background:none}
.planner-feature h2{font-size:clamp(28px,3vw,38px);margin:0 0 22px;text-wrap:balance}
.planner-feature .copy{font-size:15px;margin:0;line-height:1.9}
.planner-feature .content-image{width:auto;max-width:100%;max-height:380px;margin:0 auto;border-radius:14px;box-shadow:0 18px 45px #0002}
.planner-feature.planner-feature-reverse>.layout-columns>.group:first-child{order:2}
.interior .planner-divider{display:none}
.interior .planner-join{margin:72px 0;padding:48px;border:1px solid #ff887b45;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#ff887b20,transparent 70%),#ffffff04;text-align:center}
.planner-join>.group{max-width:790px;margin:auto}
.planner-join h4{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.04em;margin:0 0 22px}
.planner-join .copy{font-size:16px;line-height:1.9;margin:0 0 20px}
.planner-join .button{margin:8px 0 0}
.interior .planner-steps{padding:0;margin:0 0 80px}
.planner-steps>.group>.group>h3{max-width:720px;margin:0 auto 36px;text-align:center;font-size:clamp(27px,3vw,38px);line-height:1.25;text-wrap:balance}
.planner-steps .columns-4{gap:16px;counter-reset:planner-step}
.planner-steps .icon-box{position:relative;flex-direction:column;align-items:flex-start;gap:22px;padding:26px 22px;counter-increment:planner-step;border-radius:20px;background:transparent}
.planner-steps .feature-icon{font-size:0;width:44px;height:44px;border-radius:50%}
.planner-steps .feature-icon::after{content:"0" counter(planner-step);font-size:15px;font-weight:600;letter-spacing:.02em}
.planner-steps .icon-box h3{font-size:18px;line-height:1.4;margin:0 0 12px}
.planner-steps .icon-box p{font-size:14px;line-height:1.8}
.planner-steps .columns-4+.group{text-align:center;margin-top:32px}
.planner-steps .columns-4+.group h3{font-size:18px;margin:0 0 12px;line-height:1.6;font-weight:400;color:var(--muted)}
.interior .planner-faq{padding:48px 0 0;margin:0;border-top:1px solid var(--line)}
.planner-faq>.group>.group>.group{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}
.planner-faq h2{margin:4px 0;font-size:42px}
.planner-faq .faq{margin:0}
.planner-faq .faq details{border-radius:14px;background:#ffffff03;margin-bottom:12px;padding:0 24px}
.planner-faq .faq summary{font-size:15px;padding:22px 0}
.planner-faq .faq .copy{font-size:14px;line-height:1.9;padding:0 0 24px}
.interior .planner-showcase{padding:0;margin:0 0 72px}
.planner-showcase .image-carousel{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;padding:24px;overflow:visible;background:#ffffff04;border-radius:24px;align-items:center}
.planner-showcase .image-carousel img{width:100%;max-width:100%;height:auto;max-height:none;margin:0;border-radius:12px;box-shadow:0 12px 28px #0003}
.planner-showcase .image-carousel img:first-child{grid-column:1 / 3}
.planner-showcase .image-carousel img:nth-child(4){grid-column:3;grid-row:1 / 3;max-height:580px;object-fit:contain}
@media(min-width:761px) and (max-width:1000px){
    .planner-benefits .layout-columns{grid-template-columns:1fr}
    .planner-benefits .icon-box{flex-direction:row}
    .planner-feature>.layout-columns{gap:24px}
    .planner-steps .columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .planner-faq>.group>.group>.group{grid-template-columns:180px minmax(0,1fr);gap:24px}
}
@media(max-width:760px){
    .interior:has(.planner-hero){padding-bottom:48px}
    .planner-benefits-heading>.group>.group{align-items:flex-start;flex-direction:column;gap:22px}
    .planner-benefits-heading h3{font-size:29px}
    .planner-benefits-heading .counter{width:100%;padding:18px 22px}
    .planner-benefits-heading .counter strong{font-size:45px}
    .planner-benefits-heading .counter p{max-width:none}
    .interior .planner-benefits{margin-bottom:48px}
    .planner-benefits .icon-box{padding:24px;gap:18px}
    .planner-benefits .icon-box h3{font-size:21px}
    .interior .planner-feature{padding:22px;margin-bottom:18px;border-radius:22px}
    .planner-feature>.layout-columns{grid-template-columns:1fr;gap:26px}
    .interior .planner-feature>.layout-columns>.group:has(>h2){padding:0;order:-1}
    .planner-feature.planner-feature-reverse>.layout-columns>.group:first-child{order:0}
    .planner-feature h2{font-size:29px;margin-bottom:16px}
    .planner-feature .content-image{max-height:360px;margin:0 auto}
    .interior .planner-join{margin:48px 0;padding:30px 24px;text-align:left}
    .planner-join .copy{font-size:15px}
    .interior .planner-steps{margin-bottom:48px}
    .planner-steps>.group>.group>h3{text-align:left;font-size:29px;margin-bottom:26px}
    .planner-steps .columns-4{grid-template-columns:1fr;gap:14px}
    .planner-steps .icon-box{flex-direction:row;gap:18px;padding:23px 20px}
    .planner-steps .icon-box h3{font-size:19px;margin-bottom:10px}
    .planner-faq>.group>.group>.group{grid-template-columns:1fr;gap:24px}
    .planner-faq h2{font-size:34px;margin:0}
    .planner-faq .faq details{padding:0 18px}
    .planner-faq .faq summary{font-size:14px;gap:18px}
    .interior .planner-showcase{margin-bottom:48px}
    .planner-showcase .image-carousel{grid-template-columns:1fr 1fr;gap:14px;padding:16px}
    .planner-showcase .image-carousel img:first-child,.planner-showcase .image-carousel img:last-child{grid-column:1 / -1}
    .planner-showcase .image-carousel img:nth-child(4){grid-column:1 / -1;grid-row:auto;justify-self:center;width:auto;max-height:360px}
}