/* Decorative service images, revealed at exactly 15% opacity. */
.practice{position:relative;isolation:isolate;overflow:hidden}
.practice:after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--practice-image);background-size:cover;background-position:center;opacity:0;transition:opacity 220ms ease;pointer-events:none}
.practice:focus:after{opacity:.15}
.practice:focus{background:var(--paper)}
@media(hover:hover) and (pointer:fine){.practice:hover,.practice:last-child:hover{background:var(--paper)}.practice:hover:after{opacity:.15}}
@media(prefers-reduced-motion:reduce){.practice:after{transition:none}}

.practice[href="servicios/criminal.html"]{--practice-image:url("servicio-criminal.webp")}
.practice[href="servicios/ley-54.html"]{--practice-image:url("servicio-ley-54.webp")}
.practice[href="servicios/proteccion.html"]{--practice-image:url("servicio-proteccion.webp")}
.practice[href="servicios/divorcios.html"]{--practice-image:url("servicio-divorcios.webp")}
.practice[href="servicios/familia.html"]{--practice-image:url("servicio-familia.webp")}
.practice[href="servicios/civil.html"]{--practice-image:url("servicio-civil.webp")}