:root{--azul:#3387a2;--acento:#00b5e3;--texto:#626262;--es:#8a8a8a;--claro:#7fc4dc}
h2{margin:0 0 10px;font-weight:700;line-height:1.3;color:var(--azul);font-size:20px}
h2 .es{color:var(--claro)}
p{margin:0 0 12px}
.es{color:var(--es)}
hr{border:0;border-top:1px solid #dcdcdc;margin:22px 0}
.cols{display:grid;gap:30px;align-items:start}
.c1{grid-template-columns:5fr 7fr}
.c2{grid-template-columns:1fr 1fr}
.c3{grid-template-columns:1fr 1fr 1fr}
.c4{grid-template-columns:1fr 2fr}
.tc{text-align:center}
.tr{text-align:right}
.yt{position:relative;padding-bottom:56.25%;height:0;margin:10px 0}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ss{position:relative;text-align:center;background:#fafafa}
.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:35%;width:24px;height:30px;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:18px;cursor:pointer}
.ss-arrow.l{left:0}
.ss-arrow.r{right:0}
.ss-nav{display:flex;justify-content:center;gap:5px;padding:6px 0}
.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)}
.gallery{display:grid;grid-template-columns:1fr 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}
.ph{border:1px solid #e3e6e8;background:#f2f4f5;color:#9aa5ab;font-weight:700;text-align:center;padding:6px;font-size:12px}
.fig{padding:10px 0;text-align:center}
#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){
.c1,.c2,.c3,.c4{grid-template-columns:1fr;gap:10px}
}