.elementor-2952 .elementor-element.elementor-element-532fa7e9{--display:flex;--background-transition:0.3s;}.elementor-2952 .elementor-element.elementor-element-008add7{--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-c302d4f */<style>
/* ============================================================
   INDUMIL — Acuerdos y Normas Básicas
   Selectores triples + !important en CADA propiedad
   Prefijo: .acind-
   ============================================================ */

/* ── Reset ───────────────────────────────────────────────── */
.acind-seccion.acind-seccion.acind-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;
}

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

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

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

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

.acind-seccion.acind-seccion.acind-seccion .acind-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 ─────────────────────────────────────────────── */
.acind-seccion.acind-seccion.acind-seccion .acind-wrapper {
  max-width: 1200px !important;
  margin:    0 auto !important;
}

/* ── Grid — 1 columna mobile ─────────────────────────────── */
.acind-seccion.acind-seccion.acind-seccion .acind-grid {
  list-style:            none !important;
  display:               grid !important;
  grid-template-columns: 1fr !important;
  gap:                   1rem !important;
}

/* ── Tarjeta base ────────────────────────────────────────── */
.acind-seccion.acind-seccion.acind-seccion .acind-card {
  display:          flex !important;
  align-items:      center !important;
  gap:              1rem !important;
  padding:          1.125rem 1.25rem !important;
  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;
  text-decoration:  none !important;
  color:            #1A1A1A !important;
  transition:       transform 220ms cubic-bezier(0.4,0,0.2,1), box-shadow 220ms cubic-bezier(0.4,0,0.2,1), border-left-color 220ms cubic-bezier(0.4,0,0.2,1), background-color 220ms cubic-bezier(0.4,0,0.2,1) !important;
  outline-offset:   3px !important;
}

/* ── Ícono circular ──────────────────────────────────────── */
.acind-seccion.acind-seccion.acind-seccion .acind-card .acind-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;
  transition:       transform 220ms cubic-bezier(0.4,0,0.2,1), background-color 220ms cubic-bezier(0.4,0,0.2,1) !important;
}

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

.acind-seccion.acind-seccion.acind-seccion .acind-card .acind-card-title {
  font-size:      0.9rem !important;
  font-weight:    700 !important;
  line-height:    1.35 !important;
  letter-spacing: 0.01em !important;
  color:          #1A1A1A !important;
  transition:     color 220ms cubic-bezier(0.4,0,0.2,1) !important;
}

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

/* ── Hover ───────────────────────────────────────────────── */
.acind-seccion.acind-seccion.acind-seccion .acind-card:hover {
  background-color:  #FFFBEB !important;
  border-left-color: #1A1A1A !important;
  box-shadow:        0 6px 20px rgba(26,26,26,0.22) !important;
  transform:         translateX(4px) !important;
}

.acind-seccion.acind-seccion.acind-seccion .acind-card:hover .acind-card-icon {
  background-color: #1A1A1A !important;
  transform:        scale(1.1) rotate(-6deg) !important;
}

/* ── Focus WCAG 2.1 AA ───────────────────────────────────── */
.acind-seccion.acind-seccion.acind-seccion .acind-card:focus-visible {
  outline:          3px solid #FFCD00 !important;
  outline-offset:   3px !important;
  background-color: #FFFBEB !important;
  border-left-color:#1A1A1A !important;
  box-shadow:       0 0 0 5px rgba(255,205,0,0.35) !important;
}

/* ════════════════════════════════════════════════════════════
   BREAKPOINTS — Mobile-First
   ════════════════════════════════════════════════════════════ */

/* ── Tablet: 2 columnas desde 560px ─────────────────────── */
@media (min-width: 35rem) {
  .acind-seccion.acind-seccion.acind-seccion .acind-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ── Desktop pequeño: 3 columnas desde 860px ─────────────── */
@media (min-width: 53.75rem) {
  .acind-seccion.acind-seccion.acind-seccion .acind-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap:                   1.25rem !important;
  }

  .acind-seccion.acind-seccion.acind-seccion .acind-card {
    flex-direction: column !important;
    align-items:    flex-start !important;
    padding:        1.5rem 1.25rem !important;
    border-left:    none !important;
    border-top:     4px solid #FFCD00 !important;
    transition:     transform 220ms cubic-bezier(0.4,0,0.2,1), box-shadow 220ms cubic-bezier(0.4,0,0.2,1), border-top-color 220ms cubic-bezier(0.4,0,0.2,1), background-color 220ms cubic-bezier(0.4,0,0.2,1) !important;
  }

  .acind-seccion.acind-seccion.acind-seccion .acind-card:hover {
    transform:        translateY(-4px) !important;
    border-top-color: #1A1A1A !important;
    border-left:      none !important;
    box-shadow:       0 6px 20px rgba(26,26,26,0.22) !important;
    background-color: #FFFBEB !important;
  }

  .acind-seccion.acind-seccion.acind-seccion .acind-card .acind-card-title {
    font-size: 0.875rem !important;
  }
}

/* ── Desktop grande: 4 columnas desde 1100px ─────────────── */
@media (min-width: 68.75rem) {
  .acind-seccion.acind-seccion.acind-seccion .acind-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

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