:root{--azul:#3387a2;--acento:#00b5e3;--texto:#626262}
h2{margin:0 0 8px;color:var(--texto);font-weight:700;line-height:1.25}
hr{border:0;border-top:1px solid #dcdcdc;margin:22px 0}
figure{margin:0;padding:10px 0;text-align:center}
.cols{display:grid;gap:30px;align-items:center}
.c2{grid-template-columns:1fr 1fr}
.c65{grid-template-columns:2fr 1fr}
.cta h2{font-size:22px}
.cta p{font-weight:700;font-size:16px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.gallery a{display:block;aspect-ratio:4/3;overflow:hidden}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.gallery a:hover img{transform:scale(1.04)}
.pan{height:317px;margin-bottom:14px;background:#f2f4f5;border:1px solid #e3e6e8;position:relative}
.pan iframe{width:100%;height:100%;border:0;display:block}
.ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa5ab;font-weight:700;text-align:center;padding:8px}
.ph small{display:block;font-weight:400}
#lb{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:50}
#lb.on{display:flex}
#lb img{max-width:92vw;max-height:88vh}
#lb button{position:absolute;background:none;border:0;color:#fff;font-size:42px;cursor:pointer;padding:12px}
#lb .x{top:8px;right:14px}
#lb .p{left:8px}
#lb .n{right:8px}
@media(max-width:760px){
.c2,.c65{grid-template-columns:1fr}
.gallery{grid-template-columns:repeat(2,1fr)}
}