:root{--azul:#3387a2;--acento:#00b5e3;--texto:#626262;--rojo:#d40447;--es:#8a8a8a}
h2{margin:0 0 8px;font-weight:700;line-height:1.3}
.azul{color:var(--azul)}
.rojo{color:var(--rojo)}
.es{color:var(--es)}
p{margin:0 0 12px}
hr{border:0;border-top:1px solid #dcdcdc;margin:22px 0}
figure{margin:0;padding:10px 0;text-align:center}
figcaption{font-size:13px;margin-top:6px}
.embed{height:413px;background:#f2f4f5;border:1px solid #e3e6e8;position:relative}
.embed iframe{width:100%;height:100%;border:0;display:block}
.ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa5ab;text-align:center;padding:10px}
.ph span{font-size:18px;font-weight:700}
.embed:has(iframe) .ph{display:none}
.gallery{display:grid;gap:10px;margin:18px 0}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr);margin:30px 0}
.gallery a{position:relative;display:block;overflow:hidden}
.g2 a{aspect-ratio:4/3}
.g3 a{aspect-ratio:1}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.gallery a:hover img{transform:scale(1.04)}
.cap{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;line-height:1.3;opacity:0;transition:opacity .2s}
.gallery a:hover .cap{opacity:1}
.head360{display:grid;grid-template-columns:26% 1fr;gap:30px;align-items:start}
#lb{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:50;flex-direction:column}
#lb.on{display:flex}
#lb img{max-width:92vw;max-height:84vh}
#lb .t{color:#fff;margin-top:8px;font-size:14px}
#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;top:45%}
#lb .n{right:8px;top:45%}
@media(max-width:760px){
.head360{grid-template-columns:1fr;gap:0}
.g3{grid-template-columns:repeat(2,1fr)}
}