.elementor-14398 .elementor-element.elementor-element-20f5b79{--display:flex;--min-height:357px;--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-14398 .elementor-element.elementor-element-20f5b79:not(.elementor-motion-effects-element-type-background), .elementor-14398 .elementor-element.elementor-element-20f5b79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad3ea3f );}.elementor-14398 .elementor-element.elementor-element-20f5b79::before, .elementor-14398 .elementor-element.elementor-element-20f5b79 > .elementor-background-video-container::before, .elementor-14398 .elementor-element.elementor-element-20f5b79 > .e-con-inner > .elementor-background-video-container::before, .elementor-14398 .elementor-element.elementor-element-20f5b79 > .elementor-background-slideshow::before, .elementor-14398 .elementor-element.elementor-element-20f5b79 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14398 .elementor-element.elementor-element-20f5b79 > .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-14398 .elementor-element.elementor-element-20f5b79, .elementor-14398 .elementor-element.elementor-element-20f5b79::before{--border-transition:0.3s;}.elementor-14398 .elementor-element.elementor-element-e8a9d51{text-align:center;}.elementor-14398 .elementor-element.elementor-element-e8a9d51 .elementor-heading-title{color:var( --e-global-color-e5c221a );font-family:"Arial", Sans-serif;font-size:1rem;font-weight:600;}.elementor-14398 .elementor-element.elementor-element-d7c7b8f{text-align:center;width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-14398 .elementor-element.elementor-element-d7c7b8f .elementor-heading-title{color:var( --e-global-color-e5c221a );font-family:"Lato", Sans-serif;font-size:44px;font-weight:600;}.elementor-14398 .elementor-element.elementor-element-d7c7b8f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14398 .elementor-element.elementor-element-5d20078{--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;}.elementor-14398 .elementor-element.elementor-element-12ee0688{--display:flex;--background-transition:0.3s;}.elementor-14398 .elementor-element.elementor-element-f45d897 > .elementor-widget-container{margin:20px 0px 0px 20px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-14398 .elementor-element.elementor-element-20f5b79{--overlay-opacity:0;}}@media(min-width:768px){.elementor-14398 .elementor-element.elementor-element-20f5b79{--content-width:700px;}}/* Start custom CSS for html, class: .elementor-element-f104364 */<style>
/* ================================================================
   INDUMIL — Información de Interés
   Tarjetas con número decorativo + acento amarillo
   Alta especificidad anti-Elementor · !important en todo
================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Barlow:wght@400;500;600&display=swap');

body .ii-wrap,
.elementor-widget-container .ii-wrap,
.ii-wrap {
  font-family: 'Barlow', Arial, sans-serif !important;
  padding: 1rem 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

body .ii-wrap *,
body .ii-wrap *::before,
body .ii-wrap *::after,
.ii-wrap *,
.ii-wrap *::before,
.ii-wrap *::after {
  box-sizing: border-box !important;
}

/* ── Grid ─────────────────────────────────────────────────── */
body .ii-wrap .ii-grid,
.elementor-widget-container .ii-grid,
.ii-wrap .ii-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 36rem) {
  body .ii-wrap .ii-grid,
  .ii-wrap .ii-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 64rem) {
  body .ii-wrap .ii-grid,
  .ii-wrap .ii-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem !important;
  }
}

/* ── Tarjeta ──────────────────────────────────────────────── */
body .ii-wrap .ii-card,
.elementor-widget-container .ii-card,
.ii-wrap .ii-card {
  list-style: none !important;
  position: relative !important;
  background: #FFFFFF !important;
  border-radius: 10px !important;
  border: 1.5px solid #EBEBEB !important;
  overflow: hidden !important;
  transition: transform 240ms cubic-bezier(0.4,0,0.2,1), box-shadow 240ms cubic-bezier(0.4,0,0.2,1), border-color 240ms !important;
  animation: iiIn 0.45s cubic-bezier(0.4,0,0.2,1) both !important;
}

body .ii-wrap .ii-card:nth-child(1),.ii-wrap .ii-card:nth-child(1){animation-delay:.04s !important}
body .ii-wrap .ii-card:nth-child(2),.ii-wrap .ii-card:nth-child(2){animation-delay:.08s !important}
body .ii-wrap .ii-card:nth-child(3),.ii-wrap .ii-card:nth-child(3){animation-delay:.12s !important}
body .ii-wrap .ii-card:nth-child(4),.ii-wrap .ii-card:nth-child(4){animation-delay:.16s !important}
body .ii-wrap .ii-card:nth-child(5),.ii-wrap .ii-card:nth-child(5){animation-delay:.20s !important}
body .ii-wrap .ii-card:nth-child(6),.ii-wrap .ii-card:nth-child(6){animation-delay:.24s !important}
body .ii-wrap .ii-card:nth-child(7),.ii-wrap .ii-card:nth-child(7){animation-delay:.28s !important}
body .ii-wrap .ii-card:nth-child(8),.ii-wrap .ii-card:nth-child(8){animation-delay:.32s !important}
body .ii-wrap .ii-card:nth-child(9),.ii-wrap .ii-card:nth-child(9){animation-delay:.36s !important}

@keyframes iiIn {
  from { opacity:0; transform:translateY(14px); }
  to   { opacity:1; transform:translateY(0); }
}

/* Línea superior amarilla que se expande al hover */
body .ii-wrap .ii-card::before,
.ii-wrap .ii-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 0 !important; height: 3px !important;
  background: #FFC72C !important;
  transition: width 300ms cubic-bezier(0.4,0,0.2,1) !important;
}

body .ii-wrap .ii-card:hover::before,
.ii-wrap .ii-card:hover::before {
  width: 100% !important;
}

body .ii-wrap .ii-card:hover,
.ii-wrap .ii-card:hover {
  transform: translateY(-5px) !important;
  border-color: #FFC72C !important;
  box-shadow: 0 12px 32px rgba(26,26,26,0.13) !important;
}

/* ── Enlace ───────────────────────────────────────────────── */
body .ii-wrap .ii-card .ii-link,
.elementor-widget-container .ii-link,
.ii-wrap .ii-card .ii-link {
  display: flex !important;
  flex-direction: column !important;
  padding: 1.4rem 1.4rem 1.2rem !important;
  text-decoration: none !important;
  color: #1A1A1A !important;
  height: 100% !important;
  min-height: 130px !important;
  outline: none !important;
  position: relative !important;
  background: transparent !important;
  gap: 0 !important;
}

body .ii-wrap .ii-link:focus-visible,
.ii-wrap .ii-link:focus-visible {
  outline: 3px solid #FFC72C !important;
  outline-offset: 3px !important;
  border-radius: 10px !important;
}

/* ── Número decorativo ────────────────────────────────────── */
body .ii-wrap .ii-num,
.elementor-widget-container .ii-num,
.ii-wrap .ii-num {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 3.5rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #F0F0EE !important;
  position: absolute !important;
  top: 0.5rem !important;
  right: 1rem !important;
  letter-spacing: -0.03em !important;
  pointer-events: none !important;
  user-select: none !important;
  transition: color 240ms !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .ii-wrap .ii-card:hover .ii-num,
.ii-wrap .ii-card:hover .ii-num {
  color: #FFF0B0 !important;
}

/* ── Ícono ────────────────────────────────────────────────── */
body .ii-wrap .ii-ico,
.elementor-widget-container .ii-ico,
.ii-wrap .ii-ico {
  width: 2.4rem !important;
  height: 2.4rem !important;
  background: #1A1A1A !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 1rem !important;
  flex-shrink: 0 !important;
  transition: background 240ms, transform 240ms !important;
}

body .ii-wrap .ii-ico svg,
.ii-wrap .ii-ico svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  stroke: #FFC72C !important;
  fill: none !important;
}

body .ii-wrap .ii-card:hover .ii-ico,
.ii-wrap .ii-card:hover .ii-ico {
  background: #FFC72C !important;
  transform: rotate(-6deg) scale(1.08) !important;
}

body .ii-wrap .ii-card:hover .ii-ico svg,
.ii-wrap .ii-card:hover .ii-ico svg {
  stroke: #1A1A1A !important;
}

/* ── Texto ────────────────────────────────────────────────── */
body .ii-wrap .ii-tag,
.elementor-widget-container .ii-tag,
.ii-wrap .ii-tag {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #AAAAAA !important;
  display: block !important;
  margin: 0 0 0.25rem !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

body .ii-wrap .ii-titulo,
.elementor-widget-container .ii-titulo,
.ii-wrap .ii-titulo {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: #1A1A1A !important;
  line-height: 1.2 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

/* ── Pie de tarjeta ───────────────────────────────────────── */
body .ii-wrap .ii-footer,
.elementor-widget-container .ii-footer,
.ii-wrap .ii-footer {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
  border-top: 1px solid #F0F0EE !important;
  font-family: 'Barlow', Arial, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: #AAAAAA !important;
  transition: color 240ms !important;
}

body .ii-wrap .ii-card:hover .ii-footer,
.ii-wrap .ii-card:hover .ii-footer {
  color: #1A1A1A !important;
}

body .ii-wrap .ii-footer svg,
.ii-wrap .ii-footer svg {
  width: 0.8rem !important;
  height: 0.8rem !important;
  stroke: currentColor !important;
  fill: none !important;
  transition: transform 240ms !important;
}

body .ii-wrap .ii-card:hover .ii-footer svg,
.ii-wrap .ii-card:hover .ii-footer svg {
  transform: translateX(3px) !important;
}

@media (prefers-reduced-motion: reduce) {
  body .ii-wrap .ii-card,
  body .ii-wrap .ii-ico,
  body .ii-wrap .ii-card::before,
  .ii-wrap .ii-card,
  .ii-wrap .ii-ico,
  .ii-wrap .ii-card::before {
    transition: none !important;
    animation: none !important;
  }
}
</style>/* End custom CSS */