:root{color-scheme:light;--sag-blue:#113c80;--sag-bright:#218bd1}
*{box-sizing:border-box}html{margin:0;scroll-behavior:smooth}body{margin:0;background:#eaf4ff;font-family:Arial,Helvetica,sans-serif}.site{width:100%;max-width:1926px;margin:0 auto;box-shadow:0 0 36px #143c7815}.graphic{position:relative;line-height:0;overflow:hidden;background:#fff}.graphic picture,.graphic img{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;z-index:2;border-radius:5px;touch-action:manipulation}.hotspot:focus-visible{outline:3px solid #ffdb50;outline-offset:2px;background:#ffdb5022}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Hotspots: coordenadas porcentuales medidas sobre la imagen final de 1926 × 1083. */
.map-area{left:57.1%;top:60.2%;width:37.1%;height:29.8%}.map-button{left:82%;top:59.6%;width:14.5%;height:6.2%}
.facebook{left:4.55%;top:90.5%;width:3.8%;height:5.5%}.instagram{left:8.4%;top:90.5%;width:3.7%;height:5.5%}.linkedin{left:12.25%;top:90.5%;width:3.8%;height:5.5%}
.whatsapp{left:92.8%;top:85.3%;width:5.9%;height:9.5%}.telephone{left:8.7%;top:80.5%;width:10.5%;height:3.3%}.reception{left:8.7%;top:85.8%;width:20%;height:3%}
.commercial1{left:30.2%;top:71.3%;width:25.3%;height:3.5%}.commercial2{left:30.2%;top:76.1%;width:25.3%;height:3.5%}.commercial3{left:30.2%;top:81.1%;width:25.3%;height:3.5%}.commercial4{left:30.2%;top:85.9%;width:25.3%;height:3.5%}
.mobile-contact{display:none}
@media(max-width:700px){
body{background:#fff}.site{box-shadow:none}.mobile-contact{display:block;background:linear-gradient(145deg,#082c63,#1557a2);color:#fff;padding:30px 22px 38px;line-height:1.65;font-size:15px;overflow-wrap:anywhere}.mobile-contact .mobile-logo{display:block;max-width:160px;width:100%;height:auto;background:#fff;border-radius:9px;padding:8px;margin:0 0 24px}.mobile-contact h2{font-size:24px;margin:0 0 14px}.mobile-contact h3{font-size:18px;margin:24px 0 8px}.mobile-contact p{margin:0 0 15px}.mobile-contact a{color:#e5f5ff;text-underline-offset:3px}.mobile-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.mobile-actions a{display:inline-block;border:1px solid #8fd3ff;border-radius:30px;padding:10px 13px;text-decoration:none;font-weight:700}.mobile-actions a:first-child{background:#188b52;border-color:#188b52}.social-links{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0 26px}.mobile-contact small{opacity:.85}
/* El mapa y los iconos de la pieza gráfica también conservan sus áreas clicables. */
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}