/* Local comparisons of the same native ACF service catalogue. */
:is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
:is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-catalogue .service-flow-item{display:block;padding:32px;min-width:0}
:is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-listing-icon{margin-bottom:25px}
:is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-catalogue .service-flow-item h2{font-size:26px;font-weight:500;line-height:1.3;margin-bottom:18px;overflow-wrap:normal;word-break:normal;hyphens:none}
:is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-description{font-size:19px;line-height:1.75}

/* 1. Individual surfaces, soft colour and an icon beside the heading area. */
.service-list-columnas-suaves .service-catalogue .service-flow-item{background:#fff;border-radius:26px 48px 26px 26px}
.service-list-columnas-suaves .service-catalogue .service-flow-item:nth-child(3n+2){background:var(--mint)}
.service-list-columnas-suaves .service-catalogue .service-flow-item:nth-child(3n){background:var(--peach)}
.service-list-columnas-suaves .service-catalogue .service-flow-item .service-listing-icon{background:var(--sand);color:var(--accent);width:54px;height:54px;padding:12px;border-radius:17px}
.service-list-columnas-suaves .service-catalogue .service-flow-item:nth-child(3n+2) .service-listing-icon,.service-list-columnas-suaves .service-catalogue .service-flow-item:nth-child(3n) .service-listing-icon{background:#fff}
.service-list-columnas-suaves .service-catalogue .service-flow-item .service-listing-icon svg{width:30px;height:30px;flex-basis:30px}

/* 2. Open typography and large line icons, without individual panels. */
.service-list-columnas-editorial .service-catalogue{gap:50px 65px}
.service-list-columnas-editorial .service-catalogue .service-flow-item{padding:14px 0 20px;background:none}
.service-list-columnas-editorial .service-catalogue .service-flow-item .service-listing-icon{width:62px;height:62px;background:none;color:var(--accent);padding:0;justify-content:flex-start;border-radius:0;margin-bottom:28px}
.service-list-columnas-editorial .service-listing-icon svg{width:43px;height:43px;flex-basis:43px}
.service-list-columnas-editorial .service-catalogue .service-flow-item h2{font-size:28px}

/* 3. Centred composition with a circular icon crossing the top edge. */
.service-list-columnas-medallones .service-catalogue{padding-top:32px;gap:65px 28px}
.service-list-columnas-medallones .service-catalogue .service-flow-item{padding:0 30px 34px;background:#fff;border:1px solid var(--line);border-radius:28px;text-align:center}
.service-list-columnas-medallones .service-catalogue .service-flow-item .service-listing-icon{width:68px;height:68px;padding:17px;margin:-34px auto 26px;background:var(--mint);color:var(--accent);border:5px solid var(--sand);border-radius:50%}
.service-list-columnas-medallones .service-catalogue .service-flow-item:nth-child(3n+2) .service-listing-icon{background:var(--peach);color:var(--ink)}
.service-list-columnas-medallones .service-catalogue .service-flow-item:nth-child(3n) .service-listing-icon{background:var(--accent);color:#fff}
.service-list-columnas-medallones .service-catalogue .service-description{text-align:center}

/* 4. Continuous vertical colour panels; all three rows share each column's ground. */
.service-list-columnas-paneles .service-catalogue{gap:0;border-radius:30px 65px 30px 30px;overflow:hidden}
.service-list-columnas-paneles .service-catalogue .service-flow-item{padding:37px 32px;background:#fff}
.service-list-columnas-paneles .service-catalogue .service-flow-item:nth-child(3n+2){background:var(--mint)}
.service-list-columnas-paneles .service-catalogue .service-flow-item:nth-child(3n){background:var(--peach)}
.service-list-columnas-paneles .service-catalogue .service-flow-item .service-listing-icon{background:none;color:var(--accent);width:44px;height:44px;padding:0;justify-content:flex-start;border-radius:0;margin-bottom:22px}
.service-list-columnas-paneles .service-listing-icon svg{width:35px;height:35px;flex-basis:35px}

@media(max-width:1100px){
 :is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-list-columnas-editorial .service-catalogue{column-gap:45px}
 .service-list-columnas-paneles .service-catalogue .service-flow-item:nth-child(n){background:#fff}
 .service-list-columnas-paneles .service-catalogue .service-flow-item:nth-child(even){background:var(--mint)}
}

@media(max-width:720px){
 :is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-catalogue{grid-template-columns:1fr}
 :is(.service-list-columnas-suaves,.service-list-columnas-editorial,.service-list-columnas-medallones,.service-list-columnas-paneles) .service-catalogue .service-flow-item h2{font-size:26px}
 .service-list-columnas-suaves .service-catalogue .service-flow-item{padding:29px 27px}
 .service-list-columnas-editorial .service-catalogue{gap:34px}
 .service-list-columnas-editorial .service-catalogue .service-flow-item{display:grid;grid-template-columns:45px minmax(0,1fr);gap:20px;padding:8px 0 15px}
 .service-list-columnas-editorial .service-catalogue .service-flow-item .service-listing-icon{width:45px;height:45px;margin:0}
 .service-list-columnas-editorial .service-listing-icon svg{width:35px;height:35px;flex-basis:35px}
 .service-list-columnas-medallones .service-catalogue{gap:62px}
 .service-list-columnas-medallones .service-catalogue .service-flow-item{padding-inline:27px}
 .service-list-columnas-paneles .service-catalogue .service-flow-item{padding:30px 28px}
}
@media(max-width:430px){.service-list-columnas-medallones .service-catalogue .service-flow-item{padding-inline:18px}.service-list-columnas-medallones .service-catalogue .service-flow-item h2{font-size:clamp(22px,6.5vw,26px)}}
@media(max-width:350px){.service-list-columnas-medallones .service-catalogue .service-flow-item h2{max-width:none;margin-inline:-12px}}