/**
 * Override del tema activo (Qi) para las paginas del plugin RRHH.
 *
 * El tema limita el contenido a un ancho fijo via la clase de body
 * "qodef-content-grid-1300" y sus contenedores internos
 * (#qodef-page-content, .qodef-grid-inner). Estas reglas lo
 * desactivan puntualmente en el panel de RRHH y en la pagina del
 * formulario de postulacion, donde nos conviene usar todo el ancho
 * disponible en vez del recorte del tema.
 *
 * Se carga solo en esas dos paginas (ver encolar_assets() de
 * CamedurRRHH_Panel y registrar_assets()/render() de CamedurRRHH_Form),
 * nunca en el resto del sitio.
 */
#qodef-page-content,
#qodef-page-content .qodef-grid-inner,
#qodef-page-content .qodef-page-content-section,
#qodef-page-inner {
    max-width: 100% !important;
    width: 100% !important;
}

/* Importante: NO se le toca el padding a estos contenedores del tema.
   Confirmado en vivo que el tema usa algo (probablemente JS que mide
   la posicion de #qodef-page-inner para el efecto del header
   transparente sobre la imagen de portada) que se desincroniza si
   este elemento tiene padding propio. El espaciado lateral que
   necesitamos se aplica directamente en los contenedores del plugin
   (.rrhh-paso0, .rrhh-panel), nunca en los del tema. */

/* La clase de tema qodef-content-grid usa "width" fijo en px (1100,
   960, 768...) segun breakpoint, no un max-width: hay que anularla
   puntualmente donde el plugin necesita el ancho completo. Importante
   acotarla al contenido principal (#qodef-page-content) y no dejarla
   suelta: el header y el footer usan la misma clase para su propio
   grid interno (logo, menu) y una regla global se lo rompe.
   */
#qodef-page-content .qodef-content-grid,
#qodef-page-inner .qodef-content-grid {
    width: 100% !important;
}

/* Elementor tiene su propio sistema de ancho "boxed" independiente
   del tema (.elementor-container, ~1140px por defecto). La pagina
   del formulario de postulacion usa Elementor para alojar el
   shortcode, asi que tambien hay que soltarlo ahi. */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}

/* Elementor tambien tiene un sistema de "Container" mas nuevo
   (e-con-boxed), independiente del anterior. La pagina de la
   cartelera de llamados lo usa para alojar el shortcode. */
#qodef-page-content .e-con.e-con-boxed {
    max-width: 100% !important;
    width: 100% !important;
}