:root{--azul:#3387a2;--acento:#00b5e3;--texto:#626262}
h2{margin:0 0 10px;font-weight:700;line-height:1.25;color:var(--azul)}
p{margin:0 0 12px}
hr{border:0;border-top:1px solid #dcdcdc;margin:22px 0}
.cols{display:grid;gap:30px;align-items:start}
.c2{grid-template-columns:2fr 1fr}
.c13{grid-template-columns:1fr 2fr}
.c31{grid-template-columns:2fr 1fr}
.map{width:100%;height:250px;border:0;margin:10px 0}
.ss{position:relative;text-align:center;background:#fafafa;margin-top:10px}
.ss-view{display:flex;align-items:center;justify-content:center}
.ss-view img{max-height:100%;width:auto;max-width:100%}
.ss-arrow{position:absolute;top:40%;width:28px;height:32px;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:20px;cursor:pointer}
.ss-arrow.l{left:0}
.ss-arrow.r{right:0}
.ss-nav{display:flex;justify-content:center;gap:5px;padding:6px 0;flex-wrap:wrap}
.ss-nav button{width:9px;height:9px;border-radius:50%;border:0;background:#ccc;cursor:pointer;padding:0}
.ss-nav button.on{background:var(--acento)}
.yt{position:relative;padding-bottom:56.25%;height:0}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:760px){
.c2,.c13,.c31{grid-template-columns:1fr;gap:10px}
}