.elementor-2948 .elementor-element.elementor-element-46f1f3c0{--display:flex;--background-transition:0.3s;}.elementor-2948 .elementor-element.elementor-element-0608533{--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-f7a7a7d */<style>
/* ============================================================
   INDUMIL — Leyes | Lista + Visor PDF embebido
   ≥ 6 ítems = lista | Modal lightbox inline
   Prefijo: .lyind-
   ============================================================ */

.lyind-seccion.lyind-seccion.lyind-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;
}

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

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

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

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

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

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

/* ── Ítem de lista ───────────────────────────────────────── */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item {
  display:          flex !important;
  align-items:      center !important;
  gap:              0.9rem !important;
  padding:          0.85rem 1.1rem !important;
  background-color: #FFFFFF !important;
  border:           1px solid #DDDDD8 !important;
  border-left:      4px solid #FFCD00 !important;
  border-radius:    0.5rem !important;
  box-shadow:       0 1px 4px rgba(26,26,26,0.07) !important;
  cursor:           pointer !important;
  width:            100% !important;
  text-align:       left !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;
  font-family:      Arial, Helvetica, sans-serif !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item:hover {
  background-color:  #FFFBEB !important;
  border-left-color: #1A1A1A !important;
  box-shadow:        0 4px 16px rgba(26,26,26,0.14) !important;
  transform:         translateX(4px) !important;
}

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

/* Ícono PDF badge */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item .lyind-pdf-icon {
  flex-shrink:      0 !important;
  width:            2.2rem !important;
  height:           2.2rem !important;
  display:          flex !important;
  align-items:      center !important;
  justify-content:  center !important;
  background-color: #FFCD00 !important;
  border-radius:    50% !important;
  font-size:        0.9rem !important;
  line-height:      1 !important;
  transition:       background-color 220ms ease, transform 220ms ease !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item:hover .lyind-pdf-icon {
  background-color: #1A1A1A !important;
  transform:        scale(1.08) rotate(-5deg) !important;
}

/* Texto del ítem */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item .lyind-item-body {
  flex:           1 !important;
  min-width:      0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            0.2rem !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item .lyind-item-titulo {
  font-size:      0.88rem !important;
  font-weight:    700 !important;
  color:          #1A1A1A !important;
  line-height:    1.3 !important;
  letter-spacing: 0.01em !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item .lyind-item-desc {
  font-size:   0.75rem !important;
  color:       #5C5C5C !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Flecha derecha */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-item .lyind-item-arrow {
  flex-shrink: 0 !important;
  font-size:   1rem !important;
  color:       #AAAAAA !important;
  line-height: 1 !important;
  transition:  color 220ms ease, transform 220ms ease !important;
}

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

/* ══════════════════════════════════════════════════════════
   MODAL VISOR PDF
   ══════════════════════════════════════════════════════════ */

/* Overlay */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-overlay {
  display:          none !important;
  position:         fixed !important;
  inset:            0 !important;
  z-index:          99999 !important;
  background-color: rgba(26,26,26,0.82) !important;
  backdrop-filter:  blur(4px) !important;
  align-items:      center !important;
  justify-content:  center !important;
  padding:          1rem !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-overlay.lyind-abierto {
  display: flex !important;
}

/* Caja del modal */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal {
  background-color: #FFFFFF !important;
  border-radius:    0.75rem !important;
  box-shadow:       0 24px 64px rgba(0,0,0,0.4) !important;
  display:          flex !important;
  flex-direction:   column !important;
  width:            100% !important;
  max-width:        900px !important;
  max-height:       92vh !important;
  overflow:         hidden !important;
  border-top:       5px solid #FFCD00 !important;
}

/* Barra superior del modal */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header {
  display:          flex !important;
  align-items:      center !important;
  justify-content:  space-between !important;
  gap:              1rem !important;
  padding:          0.9rem 1.25rem !important;
  background-color: #1A1A1A !important;
  border-bottom:    1px solid #2E2E2E !important;
  flex-shrink:      0 !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-modal-titulo {
  font-size:      0.9rem !important;
  font-weight:    700 !important;
  color:          #FFFFFF !important;
  line-height:    1.3 !important;
  letter-spacing: 0.01em !important;
  flex:           1 !important;
  min-width:      0 !important;
}

/* Botones del header */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-modal-acciones {
  display:    flex !important;
  align-items: center !important;
  gap:         0.5rem !important;
  flex-shrink: 0 !important;
}

/* Botón descargar */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-btn-descargar {
  display:          flex !important;
  align-items:      center !important;
  gap:              0.4rem !important;
  padding:          0.4rem 0.85rem !important;
  background-color: #FFCD00 !important;
  color:            #1A1A1A !important;
  border:           none !important;
  border-radius:    0.375rem !important;
  font-size:        0.75rem !important;
  font-weight:      700 !important;
  cursor:           pointer !important;
  text-decoration:  none !important;
  line-height:      1 !important;
  font-family:      Arial, Helvetica, sans-serif !important;
  transition:       background-color 200ms ease !important;
  outline-offset:   2px !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-btn-descargar:hover {
  background-color: #E0B400 !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-btn-descargar:focus-visible {
  outline: 3px solid #FFFFFF !important;
}

/* Botón cerrar */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-btn-cerrar {
  width:            2rem !important;
  height:           2rem !important;
  display:          flex !important;
  align-items:      center !important;
  justify-content:  center !important;
  background-color: transparent !important;
  border:           1px solid rgba(255,255,255,0.25) !important;
  border-radius:    50% !important;
  color:            #FFFFFF !important;
  font-size:        1rem !important;
  cursor:           pointer !important;
  line-height:      1 !important;
  font-family:      Arial, Helvetica, sans-serif !important;
  transition:       background-color 200ms ease, border-color 200ms ease !important;
  outline-offset:   2px !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-btn-cerrar:hover {
  background-color: rgba(255,255,255,0.15) !important;
  border-color:     #FFFFFF !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-header .lyind-btn-cerrar:focus-visible {
  outline: 3px solid #FFCD00 !important;
}

/* Cuerpo del modal — iframe */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-modal-body {
  flex:       1 !important;
  overflow:   hidden !important;
  position:   relative !important;
  min-height: 400px !important;
}

/* Spinner de carga */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-spinner {
  position:         absolute !important;
  inset:            0 !important;
  display:          flex !important;
  flex-direction:   column !important;
  align-items:      center !important;
  justify-content:  center !important;
  gap:              0.75rem !important;
  background-color: #F4F4F0 !important;
  z-index:          1 !important;
  transition:       opacity 300ms ease !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-spinner.lyind-oculto {
  opacity:        0 !important;
  pointer-events: none !important;
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-spinner .lyind-spinner-ring {
  width:        2.5rem !important;
  height:       2.5rem !important;
  border:       3px solid #DDDDD8 !important;
  border-top:   3px solid #FFCD00 !important;
  border-radius: 50% !important;
  animation:    lyind-giro 0.8s linear infinite !important;
}

@keyframes lyind-giro {
  to { transform: rotate(360deg); }
}

.lyind-seccion.lyind-seccion.lyind-seccion .lyind-spinner span {
  font-size:   0.78rem !important;
  color:       #5C5C5C !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* iframe */
.lyind-seccion.lyind-seccion.lyind-seccion .lyind-iframe {
  position: absolute !important;
  inset:    0 !important;
  width:    100% !important;
  height:   100% !important;
  border:   none !important;
  z-index:  2 !important;
}

/* ── Reducción de movimiento ─────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .lyind-seccion.lyind-seccion.lyind-seccion .lyind-item,
  .lyind-seccion.lyind-seccion.lyind-seccion .lyind-item .lyind-pdf-icon,
  .lyind-seccion.lyind-seccion.lyind-seccion .lyind-item .lyind-item-arrow {
    transition: none !important;
  }
  .lyind-seccion.lyind-seccion.lyind-seccion .lyind-spinner .lyind-spinner-ring {
    animation: none !important;
  }
}
</style>/* End custom CSS */