:root{--navy:#061d52;--blue:#0b2a67;--text:#08245b}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif}
body{min-width:320px}
a{color:inherit;text-decoration:none}
.visual-page{position:relative;width:100%;max-width:1536px;margin:0 auto;background:#fff;overflow:hidden}
.visual-page.contacto{max-width:1535px}
.visual-page>.reference{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none}
.hotspot{position:absolute;display:block;z-index:5;background:transparent;border:0;padding:0;margin:0;cursor:pointer}
.hotspot:focus-visible,.overlay-input:focus-visible,.overlay-select:focus-visible,.overlay-textarea:focus-visible,.overlay-check:focus-visible{outline:2px solid #0057d9;outline-offset:2px}
/* Header navigation. Coordinates are based on the approved 1536×1024 comps. */
.nav-sobre{left:31.4%;top:2.5%;width:10.8%;height:7.3%}
.nav-servicios{left:44.0%;top:2.5%;width:8.6%;height:7.3%}
.nav-sentencias{left:53.0%;top:2.5%;width:18.2%;height:7.3%}
.nav-area{left:72.0%;top:2.5%;width:13.6%;height:7.3%}
.nav-contacto{left:87.3%;top:2.3%;width:10.1%;height:5.5%}
.logo-home{left:1.8%;top:1.1%;width:25.2%;height:8.3%}
/* shared CTA strip */
.cta-contact{left:68.0%;top:80.0%;width:11.8%;height:5.7%}
.cta-whatsapp{left:80.4%;top:80.0%;width:12.6%;height:5.7%}
.phone-main{left:38.4%;top:90.0%;width:14.1%;height:5.1%}
.whatsapp-main{left:56.0%;top:90.0%;width:13.7%;height:5.1%}
.web-main{left:75.0%;top:90.0%;width:14.5%;height:5.1%}
/* home-specific */
.home .home-services{left:40.8%;top:47.2%;width:21.0%;height:18.8%}
.home .home-cases{left:63.6%;top:69.0%;width:24.7%;height:6.3%}
.home .cta-contact{left:68.0%;top:80.6%;width:10.7%;height:5.6%}
.home .cta-whatsapp{left:80.1%;top:80.5%;width:12.1%;height:5.7%}
/* about */
.about .cta-contact,.services .cta-contact{left:68.9%;top:76.4%;width:10.8%;height:5.8%}
.about .cta-whatsapp,.services .cta-whatsapp{left:81.6%;top:76.2%;width:12.8%;height:5.9%}
.about .phone-main,.services .phone-main{left:39.0%;top:86.8%;width:13.8%;height:5.1%}
.about .whatsapp-main,.services .whatsapp-main{left:58.6%;top:86.8%;width:14.0%;height:5.1%}
.about .web-main,.services .web-main{left:79.1%;top:86.8%;width:12.9%;height:5.1%}
/* sentences */
.cases .cta-contact{left:67.7%;top:77.5%;width:11.9%;height:5.7%}
.cases .cta-whatsapp{left:80.4%;top:77.5%;width:13.0%;height:5.7%}
.cases .phone-main{left:40.0%;top:88.1%;width:13.9%;height:5.1%}
.cases .whatsapp-main{left:59.1%;top:88.1%;width:14.1%;height:5.1%}
.cases .web-main{left:79.2%;top:88.1%;width:12.8%;height:5.1%}
.case-card{top:50.6%;height:25.3%;width:17.6%}
.case1{left:4.2%}.case2{left:22.9%}.case3{left:41.7%}.case4{left:60.2%}.case5{left:78.2%}
/* area clientes */
.area .cta-contact{left:65.2%;top:75.8%;width:11.2%;height:5.7%}
.area .cta-whatsapp{left:77.9%;top:75.8%;width:12.1%;height:5.7%}
.area .phone-main{left:40.5%;top:85.7%;width:13.6%;height:5.0%}
.area .whatsapp-main{left:57.0%;top:85.7%;width:14.0%;height:5.0%}
.area .web-main{left:74.5%;top:85.7%;width:13.7%;height:5.0%}
.overlay-input,.overlay-select,.overlay-textarea{position:absolute;z-index:7;border:1px solid #c7d2e2;border-radius:4px;background:#fff;color:#122d61;font:400 clamp(10px,1vw,16px) Arial,Helvetica,sans-serif;padding:0 3%;box-shadow:none}
.overlay-input::placeholder,.overlay-textarea::placeholder{color:#7b869a;opacity:1}
.area .login-user{left:10.83%;top:40.93%;width:34.2%;height:4.7%;padding-left:3.6%}
.area .login-pass{left:10.83%;top:50.26%;width:34.2%;height:4.8%;padding-left:3.6%}
.area .remember{position:absolute;z-index:8;left:10.82%;top:56.6%;width:1.35%;height:2.0%;accent-color:#0a2a68}
.area .login-submit{left:10.82%;top:60.3%;width:34.3%;height:4.7%}
.area .forgot{left:20.0%;top:67.0%;width:17.0%;height:3.2%}
/* contact */
.contacto .nav-sobre{left:31.4%}.contacto .nav-servicios{left:44.2%}.contacto .nav-sentencias{left:54.0%;width:17.5%}.contacto .nav-area{left:73.3%;width:12.2%}.contacto .nav-contacto{left:87.7%;width:9.7%}
.contacto .name{left:54.6%;top:19.8%;width:21.7%;height:4.25%;padding-left:1.1%}
.contacto .phone{left:77.8%;top:19.8%;width:19.5%;height:4.25%;padding-left:1.1%}
.contacto .email{left:54.6%;top:28.2%;width:42.7%;height:4.25%;padding-left:1.1%}
.contacto .subject{left:54.6%;top:36.3%;width:42.7%;height:4.3%;padding-left:1.1%}
.contacto .message{left:54.6%;top:44.6%;width:42.7%;height:10.6%;padding:1% 1.1%;resize:none}
.contacto .captcha-check{position:absolute;z-index:8;left:56.0%;top:59.0%;width:1.7%;height:2.5%;accent-color:#0a2a68}
.contacto .privacy-check{position:absolute;z-index:8;left:54.6%;top:66.3%;width:1.2%;height:1.9%;accent-color:#0a2a68}
.contacto .submit{left:82.7%;top:64.1%;width:14.8%;height:4.6%}
.contacto .map-link{left:1.2%;top:71.6%;width:43.6%;height:20.6%}
.contacto .cta-contact{left:80.7%;top:75.0%;width:15.0%;height:5.9%}
.contacto .cta-whatsapp{left:80.7%;top:82.8%;width:15.0%;height:6.0%}
/* legal footer hotspots */
.legal{top:96.4%;height:2.8%}.legal1{left:3.0%;width:7.9%}.legal2{left:11.4%;width:12.9%}.legal3{left:24.4%;width:11.5%}
/* responsive behavior: preserve the approved composition instead of reflowing it */
@media(max-width:900px){
  .visual-page{min-width:900px}
  body{overflow-x:auto}
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* callejero limpio: sin marcador, ficha ni fotografía del edificio */
.contacto .live-map{position:absolute;z-index:4;left:1.2%;top:71.6%;width:43.6%;height:20.6%;border:0;background:#eef3f8}

.contacto .static-map{object-fit:cover;display:block;pointer-events:none}

/* Google Maps visual fijo: sin zoom, arrastre ni clics */
.contacto .fixed-google-map{pointer-events:none;user-select:none}