.service-showcase{position:relative;isolation:isolate;background:var(--navy);color:white;padding:56px 0 48px;scroll-margin-top:190px}
.service-showcase::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/servicios/cdmx-fondo.jpg") center/cover no-repeat;opacity:.2}
.service-showcase-layout{width:min(1080px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,340px) minmax(0,540px);justify-content:center;gap:72px;align-items:center}
.service-showcase-copy{padding-bottom:64px}
.service-showcase .eyebrow{color:#ffad78;margin-bottom:18px}
.service-showcase h2{font-size:clamp(32px,3.1vw,42px);line-height:1.14;letter-spacing:-1.4px;margin-bottom:22px}
.service-showcase-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#e0e8f0;margin-bottom:28px}
.service-showcase h2 span{color:#ffad78}
.service-showcase-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.service-photo-card{position:relative;display:block;background:white;color:var(--navy);text-decoration:none;box-shadow:0 12px 28px #00132340;transition:box-shadow .2s}
.service-photo-card:nth-child(even){transform:translateY(-132px)}
.service-photo-card:hover{box-shadow:0 12px 32px #00132380}
.service-photo-card:focus-visible{outline:3px solid #ffad78;outline-offset:6px}
.service-photo-card .service-photo{position:relative;overflow:hidden;background:#e0e8f0}
.service-photo-card img{display:block;width:100%;height:auto;aspect-ratio:1/1.05;object-fit:cover;object-position:center;transition:transform .25s}
.service-photo-card:hover img{transform:scale(1.035)}
.service-placeholder-label{position:absolute;top:12px;left:12px;border:1px solid #ffffff80;background:#0a2540e8;color:white;font-size:12px;line-height:1.4;font-weight:600;padding:5px 9px;letter-spacing:.5px}
.service-photo-card h3{font-size:16px;font-weight:700;line-height:1.4;margin:0;padding:19px 12px;text-align:center;border-bottom:3px solid var(--orange);overflow-wrap:anywhere;hyphens:auto}
.service-photo-note{width:min(1080px,calc(100% - 80px));margin:24px auto 0;color:#d2deea;font-size:12px;line-height:1.8}
.service-photo-note p{margin:0 0 5px}
.service-photo-note a{color:inherit;text-underline-offset:3px}
@media(max-width:1000px){.service-showcase-layout{width:calc(100% - 48px);grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:36px}.service-showcase h2{font-size:34px}.service-photo-card h3{font-size:15px;padding:16px 8px}.service-showcase-gallery{gap:20px}.service-photo-note{width:calc(100% - 48px)}}
@media(max-width:760px){.service-showcase{padding:40px 0 36px;scroll-margin-top:170px}.service-showcase-layout{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:56px}.service-showcase-copy{padding-bottom:0;max-width:500px}.service-showcase h2{font-size:34px;max-width:430px}.service-showcase-copy>p:not(.eyebrow){margin-bottom:22px}.service-showcase-gallery{gap:18px}.service-photo-card:nth-child(even){transform:translateY(-28px)}.service-photo-card h3{font-size:14px;padding:14px 6px}.service-placeholder-label{top:8px;left:8px;font-size:12px;padding:4px 7px}.service-photo-note{width:calc(100% - 40px);margin-top:22px}}
@media(prefers-reduced-motion:reduce){.service-photo-card,.service-photo-card img{transition:none}}