.elementor-2956 .elementor-element.elementor-element-16a4d843{--display:flex;--background-transition:0.3s;}.elementor-2956 .elementor-element.elementor-element-d4ffe6d{--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;}/* Start custom CSS for html, class: .elementor-element-523f998 */<style>
/* ============================================================
   INDUMIL — Circulares
   Card con descripción + archivos adjuntos | WCAG 2.1 AA
   Prefijo: .ciind-
   ============================================================ */

/* ── Reset ───────────────────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion {
  background-color:   #F4F4F0 !important;
  background-image:   radial-gradient(circle, #CCCCBF 1px, transparent 1px) !important;
  background-size:    22px 22px !important;
  padding:            3rem 1rem !important;
  font-family:        Arial, Helvetica, sans-serif !important;
  box-sizing:         border-box !important;
}

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

/* ── Encabezado ──────────────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-encabezado {
  max-width:   1200px !important;
  margin:      0 auto 2rem auto !important;
  display:     flex !important;
  align-items: center !important;
  gap:         0.75rem !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-linea {
  flex:       1 !important;
  height:     3px !important;
  background: linear-gradient(to right, #FFCD00, transparent) !important;
  border:     none !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-linea-r {
  flex:       1 !important;
  height:     3px !important;
  background: linear-gradient(to left, #FFCD00, transparent) !important;
  border:     none !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-encabezado h2 {
  font-size:      1.35rem !important;
  font-weight:    700 !important;
  color:          #1A1A1A !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space:    nowrap !important;
  line-height:    1.2 !important;
}

/* ── Wrapper ─────────────────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-wrapper {
  max-width: 1200px !important;
  margin:    0 auto !important;
}

/* ── Lista exterior ──────────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-lista {
  list-style: none !important;
  display:    flex !important;
  flex-direction: column !important;
  gap:        1rem !important;
}

/* ── Card principal ──────────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-card {
  background-color: #FFFFFF !important;
  border:           1px solid #DDDDD8 !important;
  border-left:      5px solid #FFCD00 !important;
  border-radius:    0.5rem !important;
  box-shadow:       0 2px 8px rgba(26,26,26,0.10) !important;
  overflow:         hidden !important;
}

/* ── Cabecera de la card ─────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-card-header {
  display:     flex !important;
  align-items: center !important;
  gap:         1rem !important;
  padding:     1.125rem 1.25rem !important;
}

/* Ícono circular */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-card-header .ciind-card-icon {
  flex-shrink:      0 !important;
  width:            2.5rem !important;
  height:           2.5rem !important;
  display:          flex !important;
  align-items:      center !important;
  justify-content:  center !important;
  font-size:        1.4rem !important;
  line-height:      1 !important;
  background-color: #FFCD00 !important;
  border-radius:    50% !important;
}

/* Cuerpo de texto */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-card-header .ciind-card-body {
  display:        flex !important;
  flex-direction: column !important;
  gap:            0.3rem !important;
  flex:           1 !important;
  min-width:      0 !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-card-header .ciind-card-title {
  font-size:      0.95rem !important;
  font-weight:    700 !important;
  line-height:    1.35 !important;
  letter-spacing: 0.01em !important;
  color:          #1A1A1A !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-card-header .ciind-card-desc {
  font-size:   0.78rem !important;
  color:       #5C5C5C !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

/* ── Separador ───────────────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-separador {
  height:           1px !important;
  background-color: #EEEEEA !important;
  margin:           0 1.25rem !important;
  border:           none !important;
}

/* ── Lista de archivos adjuntos ──────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjuntos {
  list-style: none !important;
  padding:    0.75rem 1.25rem 1.25rem !important;
  display:    flex !important;
  flex-direction: column !important;
  gap:        0.5rem !important;
}

/* ── Enlace de adjunto ───────────────────────────────────── */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link {
  display:          flex !important;
  align-items:      center !important;
  gap:              0.75rem !important;
  padding:          0.65rem 0.9rem !important;
  text-decoration:  none !important;
  color:            #1A1A1A !important;
  border-radius:    0.375rem !important;
  border-left:      3px solid transparent !important;
  background-color: #FAFAF8 !important;
  border:           1px solid #EEEEEA !important;
  border-left:      3px solid #FFCD00 !important;
  transition:       background-color 200ms cubic-bezier(0.4,0,0.2,1), border-left-color 200ms cubic-bezier(0.4,0,0.2,1), transform 200ms cubic-bezier(0.4,0,0.2,1), box-shadow 200ms cubic-bezier(0.4,0,0.2,1) !important;
  outline-offset:   2px !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link:hover {
  background-color:  #FFFBEB !important;
  border-left-color: #1A1A1A !important;
  transform:         translateX(3px) !important;
  box-shadow:        0 2px 8px rgba(26,26,26,0.10) !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link:focus-visible {
  outline:           3px solid #FFCD00 !important;
  background-color:  #FFFBEB !important;
  border-left-color: #1A1A1A !important;
}

/* Badge PDF */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link .ciind-pdf-badge {
  flex-shrink:      0 !important;
  display:          flex !important;
  align-items:      center !important;
  justify-content:  center !important;
  width:            2rem !important;
  height:           2rem !important;
  border-radius:    4px !important;
  background-color: #FFEEEE !important;
  color:            #C0392B !important;
  font-size:        0.65rem !important;
  font-weight:      700 !important;
  letter-spacing:   0.03em !important;
  line-height:      1 !important;
}

/* Nombre del adjunto */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link .ciind-adjunto-nombre {
  font-size:   0.83rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color:       #1A1A1A !important;
  flex:        1 !important;
}

/* Flecha */
.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link .ciind-adjunto-arrow {
  flex-shrink: 0 !important;
  font-size:   0.85rem !important;
  color:       #AAAAAA !important;
  line-height: 1 !important;
  transition:  color 200ms ease, transform 200ms ease !important;
}

.ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link:hover .ciind-adjunto-arrow {
  color:     #1A1A1A !important;
  transform: translateX(3px) !important;
}

/* ── Reducción de movimiento ─────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link,
  .ciind-seccion.ciind-seccion.ciind-seccion .ciind-adjunto-link .ciind-adjunto-arrow {
    transition: none !important;
  }
}
</style>/* End custom CSS */