/* Estilos adicionales para iframes y contenido embebido */

/* Asegurar que los iframes sean responsive */
.art-blockcontent iframe,
.art-postcontent iframe,
.art-nostyle iframe {
    max-width: 100%;
    border: 0;
}

/* Contenedor responsive para iframes */
.art-blockcontent .iframe-container,
.art-postcontent .iframe-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Centrar contenido en módulos */
.art-blockcontent center,
.art-postcontent center,
.art-nostyle center {
    display: block;
}

/* Asegurar que las imágenes dentro de módulos sean responsive */
.art-blockcontent img,
.art-postcontent img {
    max-width: 100%;
    height: auto;
}

/* Ajustes para reproductores de radio */
.art-blockcontent iframe[src*="rstation"],
.art-blockcontent iframe[src*="tunein"],
.art-postcontent iframe[src*="rstation"],
.art-postcontent iframe[src*="tunein"] {
    width: 100% !important;
}

/* Ajustes para widgets de Facebook */
.art-blockcontent iframe[src*="facebook"],
.art-postcontent iframe[src*="facebook"] {
    max-width: 100%;
}

/* Ajustes para chat/cbox */
.art-blockcontent iframe[src*="cbox"],
.art-postcontent iframe[src*="cbox"] {
    width: 100% !important;
    min-height: 450px;
}

/* Espaciado para imágenes dentro de módulos */
.art-blockcontent > div > img {
    display: block;
    margin: 0 auto 10px;
}

/* Ajustes para contadores y widgets pequeños */
.art-blockcontent a img[alt*="contador"],
.art-blockcontent a img[alt*="counter"] {
    display: block;
    margin: 0 auto;
}

/* Scripts embebidos (RevolveMaps, etc) */
.art-blockcontent > div > script + * {
    margin-top: 10px;
}

/* Asegurar visibilidad de custom modules */
.art-blockcontent .custom {
    width: 100%;
    overflow: visible;
}

/* Ajustes responsive para módulos */
@media screen and (max-width: 768px) {
    .art-blockcontent iframe {
        max-width: 100%;
    }
    
    .art-blockcontent iframe[height] {
        height: auto !important;
        min-height: 300px;
    }
}

/* Separación entre módulos */
.art-block + .art-block {
    margin-top: 20px;
}

/* Títulos de módulos con mejor contraste */
.art-blockheader .t {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}