/* Compatibilidad con Elementor */

/* Cuando Elementor construye la página, el tema no debe limitar el ancho del contenido. */
.elementor-page .entry-content,
.elementor-page .arc-elementor-content {
    max-width: none;
    width: 100%;
    padding: 0;
}

.elementor-page .arc-card-wrapper {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

/* Asegura que las secciones de Elementor ocupen todo el ancho. */
.elementor-section {
    max-width: none !important;
}

/* El contenedor de Elementor ya gestiona su propio ancho. */
.elementor-section .elementor-container {
    max-width: var(--elementor-global-widgets-max-width, 1140px);
    margin-left: auto;
    margin-right: auto;
}

/* No aplicar márgenes automáticos a los widgets para evitar romper layouts. */
.elementor-widget:not(:last-child) {
    margin-bottom: 0;
}

/* Asegura que imágenes y videos de Elementor sean responsivos. */
.elementor img,
.elementor video,
.elementor iframe {
    max-width: 100%;
    height: auto;
}

/* El botón flotante del chatbot no debe quedar oculto detrás de Elementor. */
.arc-chatbot-widget {
    z-index: 9999;
}