:root{--azul:#3387a2;--acento:#00b5e3;--texto:#626262;--rojo:#d40447}
h2{margin:0 0 8px;font-weight:700;line-height:1.3}
.azul{color:var(--azul)}
.rojo{color:var(--rojo)}
p{margin:0 0 12px}
hr{border:0;border-top:1px solid #dcdcdc;margin:22px 0}
figure{margin:0;padding:10px 0}
.cols3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}
.cols3 figure{text-align:center}
.ss{position:relative;text-align:center;background:#fafafa}
.ss-view{min-height:399px;display:flex;align-items:center;justify-content:center}
.ss-view img{max-height:399px;width:auto}
.ss-arrow{position:absolute;top:45%;width:32px;height:36px;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:22px;cursor:pointer}
.ss-arrow.l{left:0}
.ss-arrow.r{right:0}
.ss-nav{display:flex;justify-content:center;gap:6px;padding:8px 0}
.ss-nav button{width:10px;height:10px;border-radius:50%;border:0;background:#ccc;cursor:pointer;padding:0}
.ss-nav button.on{background:var(--acento)}
@media(max-width:760px){
.cols3{grid-template-columns:1fr;gap:0}
}