/* cerrajero.uy, sección de servicios bajo el hero (22/10/2026), copiada de las tarjetas de pintor.uy / electricistas:
   a la izquierda la foto que se funde en blanco hacia el texto de la derecha; tarjeta blanca con sombra recta sin
   desenfoque que pasa a azul marino al pasar el mouse, y toda la tarjeta clickeable (el enlace del H3 la cubre; el botón
   de WhatsApp de la tarjeta queda arriba). Una columna en celular; dos desde 900 px. H2 en Oswald con la rayita roja.
   Usa las variables --cab-* de cabecera.css. */
.servicios{padding:clamp(40px,5vw,72px) 0}
.servicios__header{margin-bottom:28px;max-width:820px}
.servicios__title{font-family:var(--cab-f-titulos);font-weight:700 !important;text-transform:uppercase;letter-spacing:.015em !important;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);line-height:1.1;color:var(--cab-navy);margin:0 0 .45em;text-wrap:balance}
.servicios__title::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--cab-rojo);margin-top:14px}
.servicios__title em{font-style:normal;color:inherit}
.servicios__lead{font-size:clamp(1.0625rem,.99rem + .3vw,1.25rem);line-height:1.6;color:var(--cab-texto-2);margin:0}
.servicios__lead a{color:var(--cab-navy);text-decoration:underline;text-underline-offset:3px}

.grilla-servicios{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
.tarjeta-servicio{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:stretch;margin:0;padding:0;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:5px 5px 0 #DADADA;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tarjeta-servicio:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--cab-navy);border-color:var(--cab-navy)}
.tarjeta-servicio:focus-within{outline:3px solid var(--cab-rojo);outline-offset:3px}
.tarjeta-servicio__foto{position:relative;z-index:-1;flex:0 0 44%;min-height:150px;overflow:hidden;background:var(--cab-fondo-2)}
.tarjeta-servicio__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tarjeta-servicio:hover .tarjeta-servicio__foto img{transform:scale(1.05)}
/* La foto se funde en blanco hacia el texto de la derecha */
.tarjeta-servicio__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 48%,rgba(255,255,255,.8) 82%,#fff 98%);pointer-events:none}
.tarjeta-servicio__txt{align-self:center;margin-left:-6%;padding:18px 20px 20px 0}
.tarjeta-servicio--sinfoto .tarjeta-servicio__txt{margin-left:0;padding:22px 20px}
.tarjeta-servicio__titulo{margin:0 0 12px;font-family:var(--cab-f-titulos);font-weight:700 !important;text-transform:uppercase;letter-spacing:.02em !important;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);line-height:1.15;color:var(--cab-navy)}
.tarjeta-servicio__titulo a{color:inherit;text-decoration:none}
.tarjeta-servicio__titulo a::before{content:"";position:absolute;inset:0;z-index:2;border-radius:16px}
.tarjeta-servicio__titulo a::after{content:"\00a0\2192";position:relative;left:0;color:var(--cab-rojo);font-family:var(--f, sans-serif);white-space:nowrap;transition:left .2s ease}
.tarjeta-servicio:hover .tarjeta-servicio__titulo a::after{left:4px}
.tarjeta-servicio__titulo a:focus-visible{outline:0}
/* Botón de WhatsApp de la tarjeta: rojo, rectangular de radio 8, por encima del enlace que cubre la tarjeta */
.tarjeta-servicio__wa{position:relative;z-index:3;display:inline-flex;align-items:center;gap:.5em;padding:.6em 1em;border-radius:var(--cab-radio);background:var(--cab-rojo);color:#fff;font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.9375rem;line-height:1.2;text-decoration:none;transition:background-color .2s}
.tarjeta-servicio__wa:hover{background:var(--cab-rojo-2);color:#fff}
.tarjeta-servicio__wa i{font-size:1.1em}
@media (max-width:639px){
  .grilla-servicios{gap:14px}
  .tarjeta-servicio{box-shadow:4px 4px 0 #DADADA}
  .tarjeta-servicio__foto{min-height:140px}
  .tarjeta-servicio__txt{margin-left:-8%;padding:14px 14px 16px 0}
  .tarjeta-servicio__titulo{font-size:1.125rem;margin-bottom:10px}
  .tarjeta-servicio__wa{font-size:.875rem;padding:.55em .85em}
}
@media (min-width:640px){.tarjeta-servicio__foto{flex-basis:40%;min-height:180px}}
@media (min-width:900px){
  .grilla-servicios{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .tarjeta-servicio__foto{flex-basis:44%;min-height:210px}
}
@media (prefers-reduced-motion:reduce){.tarjeta-servicio,.tarjeta-servicio__foto img,.tarjeta-servicio__titulo a::after{transition:none}.tarjeta-servicio:hover,.tarjeta-servicio:hover .tarjeta-servicio__foto img{transform:none}}

/* Botón de cierre de la sección: el mismo del hero, centrado */
.servicios__cta{display:flex;justify-content:center;margin-top:28px}
@media (max-width:767px){.servicios__cta .boton{width:100%}}