/* Ajustes WordPress sobre el CSS original de JA Lens. */

/* Botón de menú: en JA era un div, aquí button accesible. */
#mainnav .btn-toggle { background: none; border: 0; font: inherit; color: inherit; cursor: pointer; }

/* Submenús WordPress (ul.sub-menu) = ul de Joomla, ya cubiertos por li.deeper ul. */

/* Cabecera: fundido sin mootools. Los items se apilan; el primero marca el alto. */
.mc-ss { position: relative; visibility: visible !important; }
.mc-ss .ja-ss-items { position: relative; }
.mc-ss .ja-ss-item { float: none; position: absolute; inset: 0 0 auto 0; width: 100%; opacity: 0; transition: opacity 1s; }
.mc-ss .ja-ss-item:first-child { position: relative; }
.mc-ss .ja-ss-item.curr { opacity: 1; z-index: 2; }
.mc-ss .ja-ss-item img { display: block; width: 100%; height: auto; }

/* Galerías: n por fila según el módulo original. */
.mc-gallery .thumb-gallery { width: 100%; height: auto; }

/* Visor de imágenes (sustituye a fancybox). */
.mc-lb { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,.88); display: flex; align-items: center; justify-content: center; }
.mc-lb[hidden] { display: none; }
.mc-lb figure { margin: 0; max-width: 92vw; max-height: 90vh; text-align: center; }
.mc-lb img { max-width: 92vw; max-height: 82vh; box-shadow: 0 0 20px rgba(0,0,0,.6); }
.mc-lb figcaption { color: #eee; margin-top: 8px; font-size: 14px; }
.mc-lb button { position: absolute; background: none; border: 0; color: #fff; font-size: 42px; line-height: 1; cursor: pointer; padding: 12px; }
.mc-lb .mc-lb-close { top: 8px; right: 12px; }
.mc-lb .mc-lb-prev { left: 8px; top: 50%; transform: translateY(-50%); }
.mc-lb .mc-lb-next { right: 8px; top: 50%; transform: translateY(-50%); }

/* Banner de cookies. */
#ca_banner.mc-cookies { bottom: 0; display: block; }
.mc-share a { font-size: 0; }
#ca_banner[hidden] { display: none; }

/* Widgets de bloque: sin márgenes extra de WordPress. */
.moduletable .wp-block-html, .moduletable > p:empty { margin: 0; }
iframe { max-width: 100%; }

/* Móvil: igual que JA (imagen de cabecera ampliada 132% y centrada; módulos .no-movil ocultos enteros). */
.mc-ss .ja-ss-item img { max-width: 100% !important; }
@media (max-width: 500px) {
	.mc-ss .ja-ss-item img { width: 132%; max-width: none !important; margin-left: -25%; }
}
@media (max-width: 640px) {
	.moduletable:has(.no-movil), .moduletable:has(#likebox-wrapper) { display: none; }
}