@charset "UTF-8";

/* These backgrounds belong only to the two named heading bands. */
.service-editorial .service-title-banner{position:relative;isolation:isolate;overflow:hidden;min-height:220px;align-items:center;gap:30px 44px;margin-bottom:29px;padding:32px 34px;background:#eef2ea;border:1px solid #d9e1d2;border-left:3px solid var(--red)}
.service-title-banner:before,.service-title-banner:after{content:"";position:absolute;inset:0;pointer-events:none}
.service-title-banner:before{z-index:-2;background-repeat:no-repeat;background-size:cover;background-position:center 52%}
.service-title-banner:after{z-index:-1;background:linear-gradient(90deg,rgba(248,250,244,.98) 0%,rgba(248,250,244,.94) 37%,rgba(240,245,233,.79) 67%,rgba(240,245,233,.48) 100%)}
.service-title-banner--workshop:before{background-image:url('../img/servicio/taller-cabecera.webp?v=5f575a812ccf')}
.service-title-banner--systems:before{background-image:url('../img/servicio/sistemas-cabecera.webp?v=1c9e3df1cd59');background-position:center 55%}
.service-editorial .service-title-banner--workshop{min-height:239px}
.service-editorial .service-title-banner>div,.service-editorial .service-title-banner>p{position:relative;z-index:1;min-width:0}
.service-editorial .service-title-banner>.drive-kicker,.service-editorial .service-title-banner .drive-kicker{color:#465b60}
.service-editorial .service-title-banner>p{display:block;max-width:350px;padding:12px 16px;border-left:1px solid #cbd5c5;background:rgba(248,250,244,.9);font-size:14px;line-height:1.8;color:#30474e;margin:25px 0 0}
.service-editorial .service-title-banner--systems>p{margin-top:23px;max-width:370px}
.service-editorial .service-title-banner--workshop h2{font-size:clamp(39px,4.5vw,61px);line-height:1.04}
.service-editorial .service-title-banner--systems h3{font-size:clamp(35px,3.65vw,49px);line-height:1.04}

/* Program artwork follows the supplied brand references and is shown in full. */
.service-editorial .service-program-art{min-width:0;overflow:hidden;margin:0;border:1px solid #cbd8c6;background:#edf2e7;isolation:isolate}
.service-editorial .service-program-art>img{position:relative;display:block;width:100%;height:auto;min-height:0;max-height:none;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;transform:none;transition:none}
.service-editorial .service-program-art:hover>img{transform:none}
.service-editorial .service-program-art--care>img{height:auto;object-fit:contain}
.service-editorial .service-program-art--care figcaption{position:relative;z-index:1;font-size:11px;line-height:1.7;padding:13px 16px;background:#26363c;color:#e8eff0}
.service-editorial .service-program-art--tech{display:block;align-self:center;justify-self:end;width:100%;max-width:520px;border-color:#58707a;background:#1a323c}
.service-editorial .service-program-art--tech>img{height:auto;object-fit:contain;filter:none}
.service-editorial .service-program-art--tech figcaption{display:block;position:relative;z-index:1;margin:0;padding:13px 16px;border-top:1px solid #58707a;background:#233d48;color:#dce9ed;font-size:11px;line-height:1.7;text-align:left}

@media(max-width:1100px){
 .service-editorial .service-title-banner{padding:29px 28px;gap:27px 31px;min-height:210px}
 .service-editorial .service-title-banner--workshop{min-height:225px}
 .service-editorial .service-title-banner>p{font-size:13px;max-width:290px;line-height:1.8}
 .service-editorial .service-title-banner--systems>p{max-width:330px}
 .service-editorial .service-program-art--tech{max-width:490px}
}

@media(max-width:800px){
 .service-editorial .service-title-banner{min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:29px 27px}
 .service-editorial .service-title-banner>p,.service-editorial .service-title-banner--systems>p{display:block;max-width:none;margin:0;padding:0;border:0;background:none;font-size:13px;line-height:1.8}
 .service-editorial .service-title-banner--workshop h2{font-size:clamp(40px,6.4vw,49px)}
 .service-editorial .service-title-banner--systems h3{font-size:clamp(37px,5.3vw,44px)}
 .service-title-banner:after{background:linear-gradient(90deg,rgba(248,250,244,.98) 0%,rgba(248,250,244,.93) 47%,rgba(240,245,233,.7) 100%)}
 .service-title-banner:before{background-position:68% center}
}

@media(max-width:700px){
 .service-editorial .service-program-art--tech{justify-self:center;max-width:560px}
 .service-editorial .service-program-art--care figcaption,.service-editorial .service-program-art--tech figcaption{font-size:11px;line-height:1.7}
}

@media(max-width:600px){
 .service-editorial .service-title-banner{margin-bottom:24px;padding:25px 22px;gap:17px;min-height:0}
 .service-title-banner:after{background:linear-gradient(90deg,rgba(248,250,244,.98),rgba(248,250,244,.94) 63%,rgba(240,245,233,.79))}
 .service-editorial .service-title-banner .drive-kicker{font-size:9px;letter-spacing:.11em;margin-bottom:13px}
 .service-editorial .service-title-banner--workshop h2{font-size:clamp(36px,8.5vw,46px);line-height:1.06}
 .service-editorial .service-title-banner--systems h3{font-size:clamp(34px,8.5vw,43px);line-height:1.06}
 .service-editorial .service-title-banner>p,.service-editorial .service-title-banner--systems>p{display:block;font-size:13px;line-height:1.75}
 .service-editorial .service-program-art--care figcaption,.service-editorial .service-program-art--tech figcaption{font-size:10px;line-height:1.75;padding:11px 13px}
}

@media(max-width:360px){
 .service-editorial .service-title-banner{padding-inline:19px}
 .service-editorial .service-title-banner--workshop h2{font-size:34px}
 .service-editorial .service-title-banner--systems h3{font-size:33px}
}