.santa-beatriz{color:#fff;background:#F7F7F8;font-family:var(--govity-font,Montserrat,sans-serif)}
.santa-beatriz *{box-sizing:border-box}
.sb-franja{height:18px;background:linear-gradient(to right,#008343 0 61%,#005245 61% 74%,#003f36 74% 87%,#929697 87%)}
.sb-panorama{position:relative;isolation:isolate;aspect-ratio:10299/5192;overflow:hidden}
.sb-foto{display:block;width:100%;height:100%;object-fit:cover}
.sb-identidad{position:absolute;left:4.5%;top:8%;width:27%;margin:0;line-height:1}
.sb-identidad img{display:block;width:100%;height:auto}
.sb-indicacion{position:absolute;right:5.2%;top:11%;display:flex;align-items:center;gap:.35em;background:#fff;color:#005347;border-radius:999px;padding:.4em 1em;font-size:clamp(11px,1vw,22px);line-height:1.3;margin:0}
.sb-indicacion>span{font-size:1.5em;line-height:1}
.sb-torre{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:7.3%;aspect-ratio:1;border-radius:50%;background:rgba(25,45,54,.66);color:#fff;text-decoration:none;font-size:clamp(12px,1.1vw,26px);line-height:1.25;transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s}
.sb-torre:hover{background:rgba(0,78,63,.88);color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.sb-torre:focus-visible{outline:4px solid #fff;outline-offset:5px}
.sb-ver{display:block;background:#fff;color:#005347;border-radius:999px;padding:.1em .9em;font-weight:700;font-size:.73em;line-height:1.3}
.sb-torre-a{left:31.8%;top:48%}
.sb-torre-d{left:58.8%;top:44.5%}
.sb-torre-c{left:66.3%;top:62.5%}
.sb-torre-b{left:72.2%;top:83.5%}
.sb-vacio{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;background:#005347;border-radius:16px}
@media(max-width:767px){
 .sb-franja{height:12px}
 .sb-panorama{aspect-ratio:608/924;background:linear-gradient(#2168a2,#2984c0)}
 .sb-foto{position:absolute;bottom:0;height:78%;object-position:52% center;mask-image:linear-gradient(to bottom,transparent,#000 8%)}
 .sb-identidad{left:19%;top:5%;width:60%}
 .sb-indicacion{left:50%;right:auto;top:17.5%;width:max-content;max-width:94%;transform:translateX(-50%);font-size:clamp(9px,2.4vw,16px);gap:.2em;padding:.55em .85em}
 .sb-torre{width:15%;min-width:54px;font-size:clamp(10px,2.5vw,18px)}
 .sb-torre-a{left:22%;top:51%}
 .sb-torre-d{left:65%;top:47.5%}
 .sb-torre-c{left:77%;top:55.5%}
 .sb-torre-b{left:85%;top:67.5%}
}
@media(prefers-reduced-motion:reduce){.sb-torre{transition:none}}
