#webcams{margin:14px 0 28px}.wc-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.wc-title{font-weight:600}.wc-timelapse-btn{--a:var(--wc-accent,var(--text));border:1px solid color-mix(in srgb, var(--a) 45%, var(--border));background:color-mix(in srgb, var(--a) 12%, var(--bg));color:color-mix(in srgb, var(--a) 70%, var(--text));letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow-1);border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.wc-timelapse-btn:hover{background:color-mix(in srgb, var(--a) 16%, var(--bg));border-color:color-mix(in srgb, var(--a) 60%, var(--border))}.wc-timelapse-btn:active{transform:translateY(1px)}.wc-row{gap:12px;margin-bottom:12px;display:grid}.wc-row.wc-pano{grid-template-columns:1fr}.wc-row.wc-pair{grid-template-columns:repeat(2,1fr)}.wc-fig{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);margin:0;padding:0;position:relative;overflow:hidden}.wc-fig.wc-image-loading img{opacity:0}.wc-fig.wc-image-ready img{opacity:1;transition:opacity .18s}.wc-fig.wc-image-loading:before{content:"";z-index:1;background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--text) 5%, transparent) 40%, transparent 60%), var(--card);pointer-events:none;background-size:220% 100%;animation:1.4s linear infinite wc-image-loading;position:absolute;top:0;bottom:0;left:0;right:0}.wc-fig.wc-image-ready:before{content:none}.wc-fig.wc-image-error:before{content:"Imagen temporalmente no disponible";text-align:center;color:var(--muted);background:var(--card);z-index:1;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes wc-image-loading{0%{background-position:120% 0}to{background-position:-120% 0}}.wc-row.wc-pano .wc-fig{display:block}.wc-row.wc-pano .wc-fig img{object-fit:contain;width:100%;height:auto;display:block}.wc-row.wc-pano.wc-stretch .wc-fig{aspect-ratio:16/9;background:var(--card)}.wc-row.wc-pano.wc-stretch .wc-fig img{object-fit:fill;width:100%;height:100%}.wc-row.wc-pair .wc-fig{aspect-ratio:3/2}.wc-row.wc-pair .wc-fig img{object-fit:cover;width:100%;height:100%}.wc-fig-placeholder{justify-content:center;align-items:center;padding:16px;display:flex}.wc-ph{color:var(--muted);text-align:center;max-width:320px;margin:0;font-size:.95rem}.wc-ph-title{margin-bottom:4px;font-weight:600}.wc-ph-body{font-size:.85rem;line-height:1.4}.wc-fig-stale:after{content:"FORA DE SERVEI TEMPORALMENT";text-align:center;color:#fff;text-shadow:0 0 4px #000000b3;pointer-events:none;z-index:2;background:radial-gradient(circle,#00000059,#00000026);justify-content:center;align-items:center;padding:8px;font-size:.9rem;font-weight:700;animation:1.8s ease-in-out infinite wc-stale-blink;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes wc-stale-blink{0%,to{opacity:0}35%,65%{opacity:1}}@media (max-width:520px){.wc-row{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.wc-row.wc-pair{grid-template-columns:repeat(2,1fr)}.wc-row.wc-pano{grid-template-columns:1fr}.wc-row.wc-pair .wc-fig{aspect-ratio:4/3}.wc-timelapse-btn{padding:6px 9px;font-size:.84rem}}