.elementor-3986 .elementor-element.elementor-element-2c535bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3986 .elementor-element.elementor-element-1dfb00b{width:100%;max-width:100%;}.elementor-3986 .elementor-element.elementor-element-72faa8d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Arial, sans-serif;font-weight:var( --e-global-typography-accent-font-weight );--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-3986 .elementor-element.elementor-element-af5dc8a{--display:flex;}.elementor-3986 .elementor-element.elementor-element-508559e{--display:flex;}.elementor-3986 .elementor-element.elementor-element-6fc44e4{--display:flex;}.elementor-3986 .elementor-element.elementor-element-0a64f73{--display:flex;}.elementor-3986 .elementor-element.elementor-element-4b6d21c{--display:flex;}.elementor-3986 .elementor-element.elementor-element-b508051{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 5px 0px 5px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Avenir", Arial, sans-serif;font-weight:600;--n-menu-title-line-height:1.2;}.elementor-3986 .elementor-element.elementor-element-c51b71e{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3986 .elementor-element.elementor-element-be774ed{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3986 .elementor-element.elementor-element-658c0b9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3986 .elementor-element.elementor-element-30f23a6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3986 .elementor-element.elementor-element-3c0d184{--display:flex;}.elementor-3986 .elementor-element.elementor-element-00ef30a{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:1.2;}}@media(max-width:1200px){.elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:1.2;}}@media(max-width:1024px){.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:1.2;}}@media(max-width:880px){.elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:1.2;}}@media(max-width:767px){.elementor-3986 .elementor-element.elementor-element-2c535bb{--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-3986 .elementor-element.elementor-element-b508051 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:1.2;}}/* Start custom CSS *//* =========================================================
   CODHEM | Informe interactivo
   Clases creadas en Elementor según la estructura indicada.
   ========================================================= */

.informe-interactivo,
.informe-interactivo * {
  box-sizing: border-box;
}

/*
 * La plantilla se inserta mediante un widget Shortcode de Elementor.
 * Estos envoltorios deben medir solamente lo que ocupa el contenido;
 * de lo contrario pueden conservar la altura del contenedor padre.
 */
.elementor-widget-shortcode:has(.informe-interactivo),
.elementor-widget-shortcode:has(.informe-interactivo) > .elementor-widget-container,
.elementor-widget-shortcode:has(.informe-interactivo) .elementor-shortcode,
.elementor-widget-shortcode:has(.informe-interactivo) .elementor-4004,
.elementor-element-cb5945e,
.elementor-element-cb5945e > .elementor-widget-container,
.elementor-element-cb5945e .elementor-shortcode,
.elementor-element-cb5945e .elementor-4004 {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin-block: 0 !important;
  padding-block: 0 !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  align-self: flex-start !important;
  --min-height: 0px !important;
  --height: auto !important;
  --flex-grow: 0 !important;
}

/* Colapsa únicamente el contenedor directo que aloja este shortcode. */
.e-con:has(> .elementor-widget-shortcode .informe-interactivo),
.e-con:has(> .e-con-inner > .elementor-widget-shortcode .informe-interactivo) {
  min-height: 0 !important;
  height: auto !important;
  flex-grow: 0 !important;
  align-content: flex-start !important;
  --min-height: 0px !important;
  --height: auto !important;
  --flex-grow: 0 !important;
}

/* =========================================================
   CONTENEDOR «MÁS INFORMES»
   La plantilla 4011 también se inserta mediante shortcode.
   Evita que su sección conserve una altura mínima de pantalla.
   ========================================================= */

#mas-informes,
#mas-informes > .elementor-widget-shortcode,
#mas-informes > .elementor-widget-shortcode > .elementor-widget-container,
#mas-informes .elementor-shortcode,
#mas-informes .elementor-4011,
#mas-informes .otros-informes,
#mas-informes .otros-informes > .e-con,
#mas-informes .otros-informes > .e-con > .e-con-inner,
#mas-informes .otros-informes-encabezado,
#mas-informes .otros-informes-grid {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
  flex-basis: auto !important;
  align-self: flex-start !important;
  align-content: flex-start !important;
  --min-height: 0px !important;
  --height: auto !important;
  --flex-grow: 0 !important;
}

#mas-informes,
#mas-informes > .elementor-widget-shortcode,
#mas-informes > .elementor-widget-shortcode > .elementor-widget-container,
#mas-informes .elementor-shortcode,
#mas-informes .elementor-4011,
#mas-informes .otros-informes {
  width: 100% !important;
  margin-block: 0 !important;
}

#mas-informes .otros-informes-grid {
  align-items: stretch !important;
}

#mas-informes .informe-acceso {
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
  align-self: stretch !important;
  --flex-grow: 0 !important;
}

.informe-interactivo {
  --ii-navy: #153659;
  --ii-navy-dark: #081f38;
  --ii-navy-soft: #1d4c73;
  --ii-teal: #10949a;
  --ii-mint: #69c2bf;
  --ii-gold: #b2a247;
  --ii-purple: #8268b5;
  --ii-white: #ffffff;
  --ii-glass: rgba(255, 255, 255, 0.075);
  --ii-glass-border: rgba(255, 255, 255, 0.18);

  position: relative;
  isolation: isolate;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  flex-grow: 0 !important;
  flex-basis: auto !important;
  align-self: auto !important;
  --min-height: 0px !important;
  margin-inline: auto;
  overflow: hidden;
  color: var(--ii-white);
  background:
    radial-gradient(circle at 0% 100%, rgba(16, 148, 154, 0.48), transparent 31%),
    radial-gradient(circle at 100% 92%, rgba(130, 104, 181, 0.42), transparent 29%),
    radial-gradient(circle at 70% 5%, rgba(29, 76, 115, 0.55), transparent 30%),
    linear-gradient(135deg, var(--ii-navy-dark) 0%, #0b2d50 48%, #102c54 100%);
  border: 1px solid rgba(105, 194, 191, 0.27);
  border-radius: 34px;
  box-shadow: 0 24px 70px rgba(8, 31, 56, 0.22);
  container-type: inline-size;
  container-name: informe-codhem;
}

.informe-interactivo > .e-con-inner,
.informe-interactivo .e-con-inner {
  min-height: 0 !important;
  height: auto;
}

.informe-interactivo::before,
.informe-interactivo::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 450px;
  aspect-ratio: 1;
  pointer-events: none;
  border: 1px solid rgba(105, 194, 191, 0.10);
  border-radius: 50%;
}

.informe-interactivo::before {
  left: -225px;
  bottom: -175px;
  box-shadow:
    0 0 0 48px rgba(105, 194, 191, 0.025),
    0 0 0 96px rgba(105, 194, 191, 0.018);
}

.informe-interactivo::after {
  right: -240px;
  bottom: -170px;
  border-color: rgba(130, 104, 181, 0.12);
  box-shadow:
    0 0 0 44px rgba(130, 104, 181, 0.025),
    0 0 0 90px rgba(130, 104, 181, 0.018);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://qa-portal.codhem.org.mx/wp-content/uploads/2026/03/Avenir-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://qa-portal.codhem.org.mx/wp-content/uploads/2026/03/AvenirLTPro-Roman.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://qa-portal.codhem.org.mx/wp-content/uploads/2026/03/Avenir-Heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://qa-portal.codhem.org.mx/wp-content/uploads/2026/03/Avenir-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */