.sm-service-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sm-service-lines path{fill:none;stroke:#6a7075;stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.sm-service-lines circle{fill:#d00019;stroke:white;stroke-width:2}
.native-services .sm-photo-notch-mobile{clip-path:none}.native-services .sm-photo-frame{overflow:visible}.sm-service-label{display:block;width:max-content;max-width:100%;padding:7px 9px;background:#f8f8f6ef;border-radius:4px;font:750 clamp(10px,.91vw,13px)/1.25 "DM Sans",sans-serif;color:#20252b}.sm-photo-info{position:absolute;z-index:12;left:0;top:100%;width:280px;max-width:26vw;padding:18px 20px;background:#fff;border:1px solid #e2e4e5;border-radius:9px;box-shadow:0 10px 28px #171a1c24;color:#454950;font:14px/1.55 "DM Sans",sans-serif;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}.sm-photo-info strong{display:block;margin-top:12px;font-weight:750;color:#c90019}.sm-photo-hotspot:hover,.sm-photo-hotspot:focus-within{z-index:20}.sm-photo-hotspot:hover .sm-photo-info,.sm-photo-hotspot:focus-visible .sm-photo-info{opacity:1;visibility:visible;transform:none;pointer-events:auto}.sm-photo-hotspot.popup-dismissed .sm-photo-info{opacity:0;visibility:hidden;pointer-events:none}.sm-photo-hotspot[data-service="itv"] .sm-photo-info,.sm-photo-hotspot[data-service="fotoperitaciones"] .sm-photo-info{left:auto;right:0}.sm-photo-point .sm-photo-info{display:none}
#contacto.contact-v3{padding-bottom:32px}#contacto .contact-map{margin-bottom:0}#cta-banner{margin-top:0;padding-top:34px;padding-bottom:34px}
@media(max-width:900px){.sm-service-lines{display:none}.native-services .sm-photo-frame{overflow:hidden}.sm-photo-info{display:none}#contacto.contact-v3{padding-bottom:24px}#cta-banner{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.sm-photo-info{transition:none}}
.native-services .sm-photo-hotspot:hover{background:transparent}.sm-photo-hotspot:focus-visible{outline:0}.sm-photo-hotspot:focus-visible .sm-service-label{outline:2px solid #c90019;outline-offset:3px}.sm-photo-point .sm-photo-info{display:block;left:30px;top:24px}.sm-photo-point[data-service="fotoperitaciones"] .sm-photo-info,.sm-photo-point[data-service="itv"] .sm-photo-info{right:30px;left:auto}.sm-photo-point:focus-visible{outline:2px solid #c90019}
.sm-photo-hotspot:not(.sm-photo-point)[data-service="neumaticos"] .sm-photo-info{top:auto;bottom:100%;margin-bottom:8px}
.native-services,.native-services .sm-photo-frame{background:#fff}.sm-photo-picture{position:absolute;inset:0;overflow:hidden;z-index:0}.sm-service-lines{z-index:1}.sm-photo-hotspots{z-index:3}.strip{position:relative;z-index:2}
.sm-service-lines path{stroke:#a13743;stroke-width:1.7}.sm-service-lines circle{r:7;stroke-width:2.5}
.sm-photo-hotspot:not(.sm-photo-point){height:auto!important;min-height:0}.sm-service-label{border:1px solid #d4d8da;background:#fff;box-shadow:0 3px 10px #171a1c12;border-radius:5px;padding:9px 11px;font-size:clamp(11px,1vw,14px);font-weight:850;line-height:1.3}
.sm-photo-hotspot:not(.sm-photo-point) .sm-photo-info,.sm-photo-hotspot:not(.sm-photo-point)[data-service="neumaticos"] .sm-photo-info{top:100%;bottom:auto;margin-top:7px;margin-bottom:0}
.sm-photo-hotspot.is-previewed{z-index:20}.sm-photo-hotspot.is-previewed .sm-photo-info{opacity:1;visibility:visible;transform:none;pointer-events:auto}.sm-photo-hotspot.is-previewed .sm-service-label,.sm-photo-hotspot:hover .sm-service-label{border-color:#a13743}
/* Extend the pale edge tones into the page margins; keep the artwork at its existing size. */
#servicios.native-services{background-image:linear-gradient(to bottom,#fdfdff 0%,#fcfdfe 13%,#f7f9fa 35%,#efeeef 56%,#fcfdfd 78%,#fcfdfd 100%),linear-gradient(to bottom,#fefefe 0%,#fbfcfd 13%,#f9fafb 35%,#f6f6f6 56%,#fbfdfd 78%,#fdfdfd 100%);background-size:50% 100%;background-position:left top,right top;background-repeat:no-repeat}
@media(max-width:1448px){#servicios.native-services{background-image:none}}
.sm-service-label{border:0;background:#f8f8f6ef;box-shadow:none;border-radius:0;padding:7px 9px;font-size:clamp(10px,.91vw,13px);font-weight:750;line-height:1.25}

/* Mobile keeps the exact published illustration, crop and service directory. Desktop uses the cleaned published original with current HTML labels. */
@media(max-width:900px){#servicios.native-services,.native-services .sm-photo-frame{background:#f6f6f6;background-image:none}.native-services .sm-photo-notch-mobile{clip-path:polygon(0 0,3.314917% 0,3.314917% 27.992634%,26.933702% 27.992634%,26.933702% 22.836096%,32.044199% 22.836096%,32.044199% 0,100% 0,100% 100%,0 100%)}}

/* Clean illustration on every device; the two intro lines stay complete. */
@media(max-width:900px){
 .native-services-intro{font-size:clamp(14px,3.5vw,16px);line-height:1.5;padding-top:14px;padding-bottom:10px;max-width:none}
 .native-services-intro .services-copy-line{display:block;white-space:normal;text-wrap:balance}
 .native-services-intro .services-copy-break{display:none}
 .native-services .sm-photo-notch-mobile{clip-path:none;mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}
 .native-services .sm-photo-picture{mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}
}

.section-intro-short{max-width:650px;margin:16px 0 0;color:#454950;font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.6}
.news-heading-copy{min-width:0;flex:1}
#publicaciones .news-heading-copy .section-title{margin-bottom:0}
#publicaciones .news-heading{align-items:flex-end}
@media(max-width:700px){.section-intro-short{margin-top:13px;font-size:15px;line-height:1.55}.news-heading-copy{flex-basis:100%}#publicaciones .news-heading{row-gap:18px}}
/* Balance descriptive lines without forced breaks at individual viewport sizes. */
.section-intro-short{text-wrap:balance}
.gallery-intro-mobile{display:none}
.gallery-intro>span{display:block}
.gallery-intro{text-wrap:balance}
#workshop-track.is-inviting{scroll-snap-type:none!important;scroll-behavior:auto!important}
@media(max-width:700px){#galeria .gallery-intro{font-size:14px;line-height:1.6}}
@media(max-width:700px){.gallery-intro-desktop{display:none}.gallery-intro-mobile{display:block;font-size:14px;line-height:1.6;text-wrap:balance}.gallery-intro-mobile>span{display:block}}

#galeria .workshop-header .workshop-works-link{display:inline-flex;align-items:center;min-height:44px;margin:8px 0 0;padding:0}
#galeria .workshop-header{margin-bottom:22px}
#galeria .workshop-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px 32px;margin-bottom:18px}
#galeria .workshop-header>div{min-width:0;flex:1}
#galeria .workshop-header>.workshop-works-link{flex:0 0 auto;margin:0;min-height:24px;line-height:25.6px;white-space:nowrap}
@media(max-width:700px){#galeria .workshop-header>div{flex-basis:100%}#galeria .workshop-header>.workshop-works-link{margin-left:0;margin-right:auto;min-height:44px;line-height:1.5}#galeria .workshop-header{row-gap:4px;margin-bottom:12px}}
#galeria{padding-bottom:24px}
@media(max-width:700px){#galeria .workshop-header{margin-bottom:18px}#galeria{padding-bottom:18px}.gallery-intro-mobile{font-size:clamp(10.5px,3.05vw,14px)}}
@media(max-width:700px){#galeria .workshop-header{margin-bottom:12px}}

/* Publications directory matches the workshop gallery link. */
#publicaciones .news-all{display:inline-flex;align-items:center;min-height:44px;width:fit-content;max-width:100%;padding:0;color:var(--dark);font-family:"DM Sans",Arial,sans-serif;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;transition:color .2s}
#publicaciones .news-all:hover{color:var(--red)}
@media(prefers-reduced-motion:reduce){#publicaciones .news-all{transition:none}}
/* Separate mobile line breaks from the approved desktop paragraph. */
.hero-desc .hero-mobile-comma{display:none}
.hero-desc .hero-trajectory-lead:before{content:"";display:block}
@media(max-width:760px){
 .hero-desc .hero-mobile-line,.hero-desc .hero-trajectory-tail{display:block}
 .hero-desc .hero-mobile-comma{display:inline}
 .hero-desc .hero-trajectory-lead:before{display:none}
}
