.elementor-15373 .elementor-element.elementor-element-c8d729b{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15373 .elementor-element.elementor-element-c8d729b:not(.elementor-motion-effects-element-type-background), .elementor-15373 .elementor-element.elementor-element-c8d729b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad3ea3f );}.elementor-15373 .elementor-element.elementor-element-c8d729b::before, .elementor-15373 .elementor-element.elementor-element-c8d729b > .elementor-background-video-container::before, .elementor-15373 .elementor-element.elementor-element-c8d729b > .e-con-inner > .elementor-background-video-container::before, .elementor-15373 .elementor-element.elementor-element-c8d729b > .elementor-background-slideshow::before, .elementor-15373 .elementor-element.elementor-element-c8d729b > .e-con-inner > .elementor-background-slideshow::before, .elementor-15373 .elementor-element.elementor-element-c8d729b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-image:url("https://www.indumil.gov.co/wp-content/uploads/2023/11/Layer_1-copia-1.webp");background-position:center right;background-repeat:no-repeat;background-size:174px auto;}.elementor-15373 .elementor-element.elementor-element-c8d729b, .elementor-15373 .elementor-element.elementor-element-c8d729b::before{--border-transition:0.3s;}.elementor-15373 .elementor-element.elementor-element-c3aed80{text-align:center;width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-15373 .elementor-element.elementor-element-c3aed80 .elementor-heading-title{color:var( --e-global-color-e5c221a );font-family:"Lato", Sans-serif;font-size:3.5rem;font-weight:600;}.elementor-15373 .elementor-element.elementor-element-c3aed80 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15373 .elementor-element.elementor-element-a53a23a{--display:flex;--background-transition:0.3s;}.elementor-15373 .elementor-element.elementor-element-658f1a57 > .elementor-widget-container{margin:20px 0px 20px 20px;}.elementor-15373 .elementor-element.elementor-element-340f309{--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;--background-transition:0.3s;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-15373 .elementor-element.elementor-element-c8d729b{--overlay-opacity:0;}}@media(min-width:768px){.elementor-15373 .elementor-element.elementor-element-c8d729b{--content-width:1500px;}}/* Start custom CSS for html, class: .elementor-element-69dd1c9 */<style>
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500;600&display=swap');

/* ═══════════════════════════════════════════════════════════════
   INDUMIL — Gestión del Comité de Conciliación
   gc-estilos.html — Elementor Pro · CSS adicional de la sección
═══════════════════════════════════════════════════════════════ */

.gc-wrap {
  --negro:      #1A1A1A;
  --negro-m:    #333333;
  --amarillo:   #FFCD00;
  --gris-bg:    #F4F4F2;
  --gris-borde: #E0E0DC;
  --blanco:     #FFFFFF;
  --radio:      10px;
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  font-family: 'Barlow', 'Segoe UI', sans-serif !important;
  color: #1A1A1A !important;
  max-width: 980px;
  margin: 0 auto;
}

.gc-wrap *, .gc-wrap *::before, .gc-wrap *::after {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
}

/* ── Sección ─────────────────────────────────────────────────── */
.gc-seccion {
  margin-bottom: 2.5rem !important;
}

/* ── Título de sección ──────────────────────────────────────── */
.gc-titulo-sec {
  background: #1A1A1A !important;
  color: #FFFFFF !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 10px 10px 0 0 !important;
  border-bottom: 3px solid #FFCD00 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
}

/* ── Contenedor blanco ──────────────────────────────────────── */
.gc-contenedor {
  background: #FFFFFF !important;
  border: 1px solid #E0E0DC !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 14px rgba(0,0,0,0.07) !important;
}

/* ── Subtítulo amarillo ──────────────────────────────────────── */
.gc-subtitulo {
  background: #FFCD00 !important;
  color: #1A1A1A !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 0.5rem 1.25rem !important;
  border-bottom: 1px solid rgba(0,0,0,0.10) !important;
}

/* ── Bloque de contenido interno ────────────────────────────── */
.gc-bloque {
  padding: 1.1rem 1.25rem 1rem !important;
}
.gc-bloque:not(:last-child) {
  border-bottom: 1px solid #E0E0DC !important;
}

/* ── ACORDEÓN por año ────────────────────────────────────────── */
.gc-acordeon {
  display: flex !important;
  flex-direction: column !important;
}

.gc-ac-item {
  border-bottom: 1px solid #E0E0DC !important;
}
.gc-ac-item:last-child { border-bottom: none !important; }

.gc-ac-head {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.85rem 1.25rem !important;
  background: #FFFFFF !important;
  border: none !important;
  cursor: pointer !important;
  font-family: 'Barlow', sans-serif !important;
  transition: background 0.18s var(--ease) !important;
  gap: 1rem !important;
}
.gc-ac-head:hover { background: #FFFEF5 !important; }

.gc-ac-anio {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #1A1A1A !important;
}

.gc-ac-meta {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  flex-shrink: 0 !important;
}

.gc-ac-badge {
  background: #F0F0EE !important;
  color: #555 !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  padding: 0.2rem 0.55rem !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
}
.gc-ac-badge--new {
  background: #FFCD00 !important;
  color: #1A1A1A !important;
}

.gc-ac-chevron {
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  color: #1A1A1A !important;
  display: inline-block !important;
  transition: transform 0.25s var(--ease) !important;
  line-height: 1 !important;
}
.gc-ac-chevron--open { transform: rotate(90deg) !important; }

.gc-ac-body {
  padding: 0.6rem 1.25rem 1rem !important;
  background: #FAFAF8 !important;
  border-top: 1px solid #E0E0DC !important;
  animation: gcSlideDown 0.22s var(--ease) !important;
}
@keyframes gcSlideDown {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Grid de botones semestre/período ────────────────────────── */
.gc-periodos {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  padding-top: 0.4rem !important;
}

.gc-btn-periodo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  background: #1A1A1A !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 0.45rem 1rem !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s, transform 0.15s !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15) !important;
}
.gc-btn-periodo:hover {
  background: #FFCD00 !important;
  color: #1A1A1A !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
  box-shadow: 0 3px 10px rgba(255,205,0,0.35) !important;
}
.gc-btn-periodo--new {
  background: #FFCD00 !important;
  color: #1A1A1A !important;
}
.gc-btn-periodo--new:hover {
  background: #1A1A1A !important;
  color: #FFCD00 !important;
}

/* ── Lista de resoluciones ───────────────────────────────────── */
.gc-lista-resoluciones {
  list-style: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.gc-lista-resoluciones li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  padding: 0.9rem 1.25rem !important;
  border-bottom: 1px solid #E0E0DC !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  transition: background 0.15s !important;
}
.gc-lista-resoluciones li:last-child { border-bottom: none !important; }
.gc-lista-resoluciones li:hover { background: #FFFEF5 !important; }

.gc-lista-resoluciones .gc-res-icon {
  font-size: 1rem !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

.gc-lista-resoluciones a {
  color: #1A1A1A !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.15s !important;
}
.gc-lista-resoluciones a:hover {
  color: #7a6000 !important;
  text-decoration: underline !important;
}
.gc-lista-resoluciones a:focus-visible {
  outline: 2px solid #FFCD00 !important;
  outline-offset: 2px !important;
}

/* ── Separador visual ────────────────────────────────────────── */
.gc-sep {
  height: 1px !important;
  background: #E0E0DC !important;
  margin: 0 !important;
}

/* ── Fecha actualización ─────────────────────────────────────── */
.gc-updated {
  font-size: 0.72rem !important;
  color: #888 !important;
  text-align: right !important;
  margin-bottom: 1.5rem !important;
  letter-spacing: 0.04em !important;
  font-style: italic !important;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .gc-titulo-sec { font-size: 1rem !important; }
  .gc-ac-head    { padding: 0.75rem 1rem !important; }
  .gc-bloque     { padding: 0.9rem 1rem !important; }
  .gc-ac-body    { padding: 0.5rem 1rem 0.8rem !important; }
  .gc-btn-periodo { font-size: 0.82rem !important; padding: 0.4rem 0.85rem !important; }
  .gc-lista-resoluciones li { padding: 0.8rem 1rem !important; font-size: 0.82rem !important; }
}
</style>/* End custom CSS */